Chap04. 개발일지 - preload
관련문서 : http://zuu.kr/jank 웹폰트 관련 문서를 보다 preload에 대한 정리가 있으면 좋을 것 같아서 남긴다 :^) Function API12345678<head>...<script id="loadcss"> // load a CSS file just before the script element
Archive: 2017/12
Javascript 면접질문01
출처 : https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95 번역본 자바스크립트 앱 개발자에게 있어 중요한 두 가지 프로그래밍 패러다임에 대해 말해볼 수 있는가?자바스크립트는 OOP(Object-Oriente
CSSOM (CSS Object module)
CSSOM*출처 : https://varvy.com/performance/cssom.html해당 문서를 번역했습니다. What is CSSOM?CSS object model이라는 뜻. 이는 기본적인 웹페이지에서의 CSS “map”이다DOM과 비슷하지만, HTML보다는 CSS에 가까우며 DOM과 결합된 CSSOM은 브라우저에서 웹페이지를 표하는데 사용됨 CS
This, Call, Apply, Bind
정리할예정.참고 : http://dailyjs.com/2012/06/18/js101-this/ http://dailyjs.com/2012/06/25/this-binding/ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind http://
Chaining
정리할예정.참고 :http://blog.saltfactory.net/javascript-method-chaining-pattern/
Chap02. 개발일지 - OpenType Variable Fonts
오픈타입 가변 폰트기존에는 폰트파일 하나당 하나의 스타일만 적용 가능 했다. 예를 들어 폰트 하나에 Bold, Italic, Light 등의 스타일을 클라이언트에서 로드하려면 각각의 스타일에 해당하는 총 3개의 폰트 파일이 필요했다.이번에 제공되는 오픈타입 가변 폰트를 사용하면 하나의 파일만으로도 수많은 폰트 스타일을 적용할 수 있다. 12345678910
Chap03. 개발일지 - backface-visibility
예전에 모웹 마크업작업에서 버튼을 2개 겹쳐놓고 애니메이션으로 전환하는 작업을 진행하다,특정 디바이스에서 버벅 거리는 현상이 있었다. 구글링한 결과 이변가시성에 대한 글이 있었는데, 참고하고자 남긴다 :^) backface-visibility 속성3D transform과 연관되어 있으며, 겹쳐졌을 경우 뒷면의 가시성을 결정하는 속성이다변형이 가해져 요소의
Chap01. 개발일지 - element size
offsetWidth / offsetHeight일반적으로 엘리먼트의 전체 크기를 가져옴.해당 속성은 엘리먼트의 padding, border, scrollbar 를 포함한 값을 리턴함 clientWidth / clientHeight실제로 보여지고 있는 컨텐츠가 얼마만큼 공간을 차지하고 있는지 확인하고 싶다면 해당 속성을 사용할 것이 속성은 border와 sc
Pug (jade)
Pug?제이드는 Haml로 부터 큰 영향을 받은 고성능 템플릿 엔진이며 node를 위해 자바스크립트로 구현되었다.html태그 보다 상당히 심플한 형태의 마크업을 작성하면 자동으로 html을 생성해주는 역할을 하고 있다.pug는 HTML을 심플하게 표현할 수 있는 마크업언어인 HAML 영향을 받아 대부분의 문법은 HAML의 것을 차용한 것으로 보인다. 왜 p
web accessibility
웹 접근성 향상을 위한 10가지 가이드10 guidelines to improve your web accessibility해당 링크의 본문을 참조하였습니다 우리는 장애가 있어도, 모든 사람에게 사이트에 대한 접근을 보장하는 10 가지 웹 접근성 가이드 라인 목록을 작성했습니다.W3C의 제작자이며 World Wide Web의 발명가 인 Tim Berners-