반응형
모바일 - 반응형 웹
http://readme.skplanet.com/?p=9739 2015/01/20
- Part.1 가변폭 설정하기
- Part.2 최솟값/최댓값 설정하기
- Part.3 컬럼 나누기
- Part.4 하이브리드 레이아웃
- Part.5 미디어 쿼리 설정
- Part.6 가변폭 미디어 콘텐츠
- Part.7 고정폭 테이블
- Part.8 모바일 뷰 포트 설정
- Part.9 글꼴 크기를 반응형으로 제어
- Part.10 웹 폰트 사용
반응형 웹에 대하여 조금 더 상세히 알고 싶다면 제가 쓴 다른 글들을 참고해 보세요.
- 미디어 쿼리 이해 – http://naradesign.net/wp/2012/05/30/1823/
- HelloWorld 블로그 반응형 웹 개편 – http://helloworld.naver.com/helloworld/81480
- DEVIEW 2012 반응형 웹 구축기 – http://naradesign.net/rwd/pr/
- 글꼴 사이즈를 반응형으로 만들기 – http://naradesign.net/wp/2014/11/06/2077/
반응형 웹과 관련하여 최근 저에게 영감을 주었던 다른 저자의 글도 참고해 보세요.
- 9 basic principles of responsive web design – http://goo.gl/ryi8sT
- 레티나 웹(Retina Web)에 대응하는 우리들의 자세 : “래스터 이미지 편” – http://goo.gl/VxbMzX
.
반응형
'프로그래밍 > Style & Design' 카테고리의 다른 글
[CSS] Grd: A CSS grid framework (0) | 2016.03.25 |
---|---|
[UI] Morphy-Toolbar: An expanding/collapsing toolbar (0) | 2016.03.09 |
[CSS3] Responsive CSS3 slider without Javascript (0) | 2016.01.25 |
[UI] Gridlex: Flexbox grid system (0) | 2015.11.30 |
[CSS] CSSketch: Add CSS support to Sketch 3 (0) | 2015.11.25 |