display: flex 의 속성들을 활용하여 flexbox의 예제를 한눈에 볼 수 있게 해 놓았네요.
이제 MS 에서도 IE 11 아래 버전의 브라우저는 공식적인 지원이 중단되었고~
IE11 부터 잘 지원되는 flex를 활용한 디자인들이 주를 이루게 되겠네요~
잘 배워놉시다.ㅎㅎㅎ
flex 관련 글
2015/12/04 - [Dev. 웹/Front-end 웹개발을 위한 codepen] - [2015.12.04] 마우스 위치에 따른 프로필 사진 변경 아이디어
2015/10/27 - [Dev. 웹/Front-end 웹개발을 위한 codepen] - [2015.10.27] CSS 레이아웃 구성을 이용한 Browser 디자인
2015/10/14 - [Dev. 웹/Front-end 웹개발을 위한 codepen] - [2015.10.14] CSS3 flex order 활용한 순서 정렬
간단한 사용예제 및 Demo
'Dev. 웹 > Front-end 웹개발을 위한 codepen' 카테고리의 다른 글
| [2016.2.1] jade, scss, jquery 이용 - css3 keyframe을 활용한 버튼 클릭 애니메이션 (0) | 2016.02.01 |
|---|---|
| [2016.1.25] jquery plugin - 단축키 생성 ( easyHotkey ) (0) | 2016.01.25 |
| [2016.1.14] css3 transform preserve-3d 속성을 이용한 3d 아이폰 디자인 예제 (2) | 2016.01.14 |
| [2016.1.12] React.js 를 활용한 drag & drop list 예제 (2) | 2016.01.12 |
| [2016.1.4] Typed.js jquery plugin을 활용한 personal website (0) | 2016.01.04 |