css

Angular FlexLayout Module

우리는 이제 Flexbox로 레이아웃을 잡는 시대에 왔다. 그런데 flex가 어렵다... 더 공부해야 한다. 일단 그전에... Angular 공식 모듈 중에 FlexLayoutModule이 있다. directive 방식을 이용해서 Flexbox를 이용할수 있게 해준다. 뭐라고? style을 class가 아닌 directive

HTML / CSS StyleGuide

Frontend 개발을 하다보면 Javascript를 깊게 공부하는 반면에 HTML/CSS를 잘 안보게 되는 경향이 있다. Mobile App 개발에서는 나온 디자인을 개발자가 한땀 한땀 옮기는데 Web영역에서만 유독 더 세분화된 작업 때문인지 몰라도 HTML/CSS를 퍼블리셔의

Sass

Sass(Syntactically Awesome Style Sheets)는 CSS pre-processor Sass 와 Less가 양대 산맥이였는데 이제 Sass로 대동단결 되고 있다. 특히 Sass는 기존의 sass문법과 scss문법 두가지가 있었는데 이제는 scss로 css의 상위집합으로 발전했다. 이 모습이 꼭

media query for retina display

레티나디스플레이를 지원하는 미디어 쿼리 @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { }