HTML 5.2 변경사항

HTML5.2 권고안이 2017년 12월 14일 발표되었습니다. HTML5.1 이후 변경 사항을 간략하게 확인해보고 개발할 때 참고해야겠습니다. 2016년 1월 12일 이후 모든 변경 사항에 대한 자세한 내용은 다양한 편집 및 링크 수정을 포함하여 w3c/html Github 저장소 의 commit log를 통해 제공됩니다.   새로운 기능(New features) <dialog> 요소 [ECMA-262]의 JavaScript 모듈 시스템과 통합 [REFERRERPOLICY] 레퍼러 정책 접근성 향상을 위한 새로운 기능을 소개하는 [Wave-arial-1.2.2] ARIA 참조 … More HTML 5.2 변경사항

favicon

favicon은 1999년 3월 인터넷 익스플로러 5부터 적용되기 시작했습니다. 이후 1999년 12월 W3C에 의해 웹표준으로 지정되어 HTML 4.01부터 사용되었으며, XHTML 1.0은 2000년 1월부터 사용되었습니다.  ico이외에도 PNG나 GIF파일을 이용한 favicon을 사용할 수 있으며 브라우저에 따라 animated GIF, JPEG, APNG 등을 사용할 수 있습니다. 브라우저 지원   브라우저 ICO PNG GIF 애니메이션 GIF JPEG APNG SVG Google Chrome 예 예 4.0 … More favicon

Prototyping(Mockup) Tools

Prototyping(Mockup) Tools 할 말은 좀 있지만, 우선 소개나 평가는 생략합니다. 직접 써 봐야 아는 것도 있고, 그 때 그 때 달리 쓰이는 툴이라 어느 것 하나가 우수하다 할 수 없을 것 같습니다. Adobe XD (Preview) – http://www.adobe.com/products/experience-design.html – PC / Mac – Desktop / Tablet / Phone / Watch – a free public preview for … More Prototyping(Mockup) Tools

Web Font & Glyph

웹사이트의 기본 글꼴은 클라이언트 시스템에 설치된 기본 글꼴로 표시되는 것이 정상입니다. 윈도우에서는 ‘굴림’이나 ‘맑은 고딕’으로 보여지고 맥의 경우 ‘애플고딕’이나 ‘애플고딕네오’가 보여집니다. 이 글꼴들이 옛날에는 괜찮았지만, 최근 가독성이 좋은 예쁜 글꼴들이 등장하면서 상대적으로 보기 싫은(?) 글꼴이 되어버렸습니다. 영문글꼴의 경우 글꼴 파일의 크기가 크지 않아 웹폰트를 다운로드 하기에 큰 무리가 없으나, 한/중/일 글꼴 파일의 경우 파일 크기가 … More Web Font & Glyph

Javascript Import

기본적으로 html파일에서 js파일을 호출하는 방법외에 정확한 방법은 없습니다. 편법으로 ‘< script >’를 출력하거나 별도의 문서로 불러오는 방법을 씁니다. 참고로, ECMAScript2015(ES6) 표준에서는 공식적으로 import라는 문법이 새로 생겼습니다. 방법 1: HTML에서 직접 호출 < script type=”text/javascript” src=”import_hello.js”>< /script> 또는 < script src=”import_hello.js”>< /script> <!– javascript의 경우 HTML5에서는 type 생략 가능 –>   방법 2: JavaScript callback 함수 … More Javascript Import