Angular FlexLayout Module
우리는 이제 Flexbox로 레이아웃을 잡는 시대에 왔다.
그런데 flex가 어렵다... 더 공부해야 한다. 일단 그전에...
Angular 공식 모듈 중에 FlexLayoutModule [https://github.com/angular/flex-layout]이 있다.
directive 방식을 이용해서 Flexbox를 이용할수 있게
css
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) {
}