«css» 태그된 질문

프론트 엔드 및 백엔드 아키텍트 인 웹 개발자로서 저는 많은 다른 디자이너들과 함께 일하고 때로는 기본 CSS 및 HTML에서 디자인을 달성하는 방법에 대한 생각이없는 디자인 컴포지트와의 작업이 좌절감을 느낍니다. 반면에 개발자는 모든 디자인에서 코드를 생성 할 수있을 것으로 기대됩니다. 웹 디자이너는 기본적인 최신 CSS 및 HTML 기술을 알아야합니까? 둥근 웹 …

31 website-design  css  designers 

다음을 개선 할 수있는 방법에 대한 약간의 디자인 도움말이나 조언을 찾고 있습니다. 제목에서 알 수 있듯이 여러 이미지가 다른 이미지에 배경으로 표시되는 웹 사이트 배너가 있습니다. 이제 대부분의 이미지가 어둡기 때문에 글꼴 색상을 흰색으로 설정했습니다. 그러나 그럼에도 불구하고 일부 텍스트는 다음과 같은 몇 가지 이미지에서 읽을 수 없습니다. CSS로 작업하고 …

30 website-design  color  text  images  css 

Inkscape를 사용하여 사용자 정의 Facebook 아이콘을 만들어 svg로 저장했습니다. CSS 파일에서 .woff로 참조한 "ubuntutitling-bold-webfont"글꼴을 사용하는 내 페이지 제목과 동일한 글꼴을 사용합니다. 제목은 작동하지만 svg는 작동하지 않습니다. "f"는 정렬 기본 글꼴로 표시됩니다. 글꼴 파일은 CSS 및 이미지 파일과 관련하여 ../fonts/ubuntutitling-bold-webfont.woff에 있으며 웹 페이지와 관련하여 fonts / ubuntutitling-bold-webfont.woff에 있습니다. 나는 세례반 내가 …

28 css  svg  web-fonts 

Illustrator에서 몇 가지 그림을 보여 주었으며 현재 작업중인 웹 사이트에 애니메이션을 적용 할 계획 입니다. 플래시 가 포함 된 Create.js 툴킷에 대해 들어 봤지만 가장 좋은 방법은 무엇 입니까 ? 더 나은 "방법? 다음은 내가 목표로하는 애니메이션 종류의 예입니다. http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

27 website-design  css  animation  illustration  adobe-flash 

이것은 개발보다 디자인 에 관한 것입니다. 완전히 손으로 쓴 CSS와 HTML로 사이트를 처음부터 작성합니다. Bootstrap 또는 HTML5 Boilerplate 과 같은 사전 빌드 CSS 템플릿에 대해 오랫동안 알고 있었습니다. 나는 과거에 그것들을 잠깐 살펴 보았지만 실제로는 아무것도 사용하지 않았습니다. CSS를 재설정하거나 필요한 경우 자바 스크립트를 포함하거나 뷰포트를 구성하는 데 아무런 문제가 …

27 website-design  css  website-templates  html 

각 경로에 CSS 클래스를 지정할 수있는 Illustrator에서 SVG 파일을 편집하는 방법이 있습니까? 레이어 이름에 실제 이름을 지정하면 Illustrator에서 해당 이름을 경로의 ID로 사용한다는 사실을 이미 알고 있습니다. 같은 페이지에서 아이콘을 두 번 이상 재사용하지 않을 경우 좋습니다. 현재 해결 방법은 IDs 메서드를 사용하는 것이지만 나중에 코드 편집기에서 ID를 클래스로 변환하는 …

21 adobe-illustrator  css  svg 

나는 이것이 아마도 멍청한 질문이라고 생각하지만, 정말로 혼란 스럽습니다. Google Material Design에서 CSS로 구현 한 일부 문서와 함께 문서를 읽고 있습니다. 사양은 Android로 작성되는 dp반면 CSS 코드는 px길이 단위로 사용 됩니다. 나를 혼란스럽게하는 것은 CSS 구현이 종종 사양의 정확한 값을 사용 한다는 것입니다 . 예를 들어 토스트 는 다음과 같아야합니다 …

17 css  android 

웹 디자인의 PSD가 있습니다. 디자인을 조정할 때마다 다른 레이어 가시성 (투명도)을 사용하여 이미지의 다른 부분을 CSS 스프라이트에 수동으로 복사해야합니다. 얼마나 자동화 할 수 있습니까?

14 adobe-photoshop  export  css  sprite 

레이어를 위해 CSS와 HTML을 생성하고 % 값으로 내보낼 수있는 옵션을 제공하는 스크립트를 발견하고 Photoshop의 웹 개발자 작업을 절반으로 줄입니다. 이제 누군가 플러그인을 사용하거나 스케치 앱과 같은 기본 기능을 가리킬 수 있는지 궁금합니다. 그러한 부재로 인해 스케치로 전환하는 것이 매우 고통 스럽습니다. 또는 Sketch를 처음 사용하는 경우 Sketch가 CSS 및 HTML에서 …

13 css  html  sketch-app  plugin 

많은 디자이너가 Photoshop에서 아름다운 웹 디자인 작품을 만들지 만 CSS3가 등장하면서 HTML 및 CSS로 변경하려고 할 때 처음부터 시작하여 CSS3을 사용하여 최종 디자인의 약 80 %를 생성합니다. 예를 들어 테두리 반경, 불투명도, 배경 그라데이션, 상자 그림자 및 텍스트 그림자 및 기타 CSS3 규칙을 사용하여 Photoshop에서 만든 것을 얻습니다. 브러시 작업이나 …

13 adobe-photoshop  website-design  css 

효과적으로 배경 이미지 또는 이미지 기반 솔루션을 사용하지 않으려 고합니다. 참고 : 빨간색 화살표는 문제의 경계를 가리키고 있습니다. 답변에 화살표가 포함되어서는 안됩니다. 순수한 CSS를 사용하여 불규칙한 모양의 테두리를 만들려면 어떻게해야합니까 (이미지 없음)? 이미지를 피할 수없는 경우 가장 간결하고 읽기 쉬운 답변이 상향 조정되고 승인됩니다.

12 css  borders 

CSS3의 텍스트 장식 모듈에는 밑줄을 전체 텍스트 아래에 배치해야하는지 여부를 지정 하는 text-underline-position 속성이 포함되어 있습니다. 또는 기준선 바로 아래에서 텍스트 하위 자와 충돌하게합니다. 좋아, 우리는 밑줄이 최후의 수단으로 만 사용되어야하는 방법을 알고 있지만… 만약 당신이 그것을 사용한다면, 가장 일반적인 방법은 무엇입니까? 각 밑줄 스타일의 장단점은 무엇입니까?

12 typography  css 

이 포럼에서 이메일 서명으로 이미지를 표시하는 문제 ( 예 : 여기 )와 관련하여 유용한 스레드가 몇 개 발견되었으며 웹 전체를 검색했지만 여전히 좋은 해결책을 찾지 못했습니다. 충분히 문제를 해결합니다. 내 고객은 회사 로고가 이메일 서명에 포함되기를 원하며, 발생한 문제는 다음과 같이 요약 할 수 있습니다. 실제 크기로 AI에서 래스터 화 …

11 css  image-quality  html  retina 

웹 사이트에 사용할 수있는 글꼴 크기는 몇 개입니까? 어떤 사람은 3 가지 이상의 서로 다른 글꼴 크기를 사용하지 않는 것이 좋습니다 (예 : 제목은 16px, 텍스트는 11px, 작은 제목은 13px). 웹 페이지 당 3 개 이상의 글꼴 크기 (예 : 4)를 사용하는 것이 좋거나 나쁜 생각입니까? 나는 네 번째 것을 …

11 website-design  typography  css 

부트 스트랩은 훌륭한 프레임 워크이며 부트 스트랩 HTML 코드를 생성하는 동안 html 구성 요소를 드래그하고 크기를 조정하고 이동하고 색상을 변경할 수있는 도구가 있는지 알고 싶습니다. HTML을 사용하여 클래스와 ID를 추가해야하기 때문에 Dreamweaver를 사용하고 싶지 않습니다. 때로는 고통 스러울 수 있습니다.

11 website-design  css  html