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