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
Home
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-
2018 Web Design Trends
모바일 환경을 고려한 웹 시대의 디자인 추세모바일 우선주의“Patterns, Lines and Circles; Geometric Shapes” 2018년의 웹디자인 트렌드는 가상 현실, 기계 학습 및 음성 사용자 인터페이스와 같은 기술이 발전하여 주류가 될 것입니다. 패턴, 선과 원, 기하학적 패턴은 2017년에도 각광을 받았지만 디자인 분야에서 디자인과