Web Design

무료 폰트 활용하기

한글 폰트를 개발한다는 것이 쉽지 않은 일이지만 적지 않은 기업과 개인들의 노력으로 조금씩 다양해져 가고 있습니다. 이번 주제에서는 무료 한글 폰트를 소개하고자 합니다.

웹 폰트의 이해

WOFF 포멧은 웹에서 사용하기 위해 만들어지고 다른 조직과 함께 Mozilla에서 개발된 WOFF 글꼴은 OpenType(OTF) 및 TrueType(TTF) 글꼴에 사용되는 구조의 압축 버전을 사용하기 때문에 다른 형식보다 빠르게 로드되는 경우가 많습니다. 이것은 2009년에 개발되었으며 현재 W3C(World Wide Web Consortium) 권장 사항입니다. 이 형식은 글꼴 파일 내에 메타 데이터 및 라이센스 정보를 포함할 수도 있습니다. 이 형식을 모든 브라우저가 지원하는 것 같습니다.

반응형 웹 디자인의 9가지 기본 원칙

반응형 웹 디자인은 다중 스크린 문제에 대한 훌륭한 솔루션이지만 인쇄 관점에서 볼 때 어려움을 겪습니다. 고정 된 페이지 크기가 없으며, 밀리미터 또는 인치가 없으며, 물리적 인 제약이 없습니다. 점점 더 많은 방문자가 웹 사이트를 열 수 있기 때문에 데스크톱 및 모바일 용 픽셀 단위로만 설계하는 것도 과거입니다. 따라서 여기에 반응형 웹 디자인의 기본 원리를 설명해 보겠습니다. 간단하게 유지하기 위해 레이아웃에 중점을 둘 것입니다.

HTML Tags

HTML 태그를 좀 더 이해하기 쉽도록 분류하여 접근해 볼 수 있습니다.

레이아웃 요소 구성하기(Layout Sectioning)

제목은 문서에서 새로운 섹션(New section)이나 하위 섹션(Sub-section)의 시작을 정의 할 때 완벽하게 효율적인 접근이지만, 더 명확하고 정확한 의미 구조(semantic structure)를 확립하기 위해 잘못 사용될 수 있는 여지가 있습니다.

HTML에 레이아웃(Layout) 표현 방법 II

HTML 문서를 레이아웃하는데 있어서 디자이너들이 가장 어려움을 느끼는 것이 바로 포지셔닝(Positioning)과 디스플레이(Display) 입니다. 하지만 단계적인 접근으로 좀 더 쉽게 이해할 수 있을 것입니다.