css와 javascript을 이용한 재밌는 플러그인/버튼들로 유명한 zurb에서 개발 배포하는,
그 밖에 데스크탑의 좌측 사이드바를 모바일에서는 좌측으로 감추는 방식 두가지 (상단 메뉴를 그대로 두거나, 아래로 내리는 방식)이 더 있습니다.
트위터의 bootstrap 과 비슷한 (반응형) 템플릿/프레임워크 입니다.
트위터 bootstrap하고 다른 점은, 이전에 가변형 레이아웃 펌글에서 언급되었던 off-canvas 방식 (모바일에서 화면 일부를 좌우측으로 감추고 원할때만 보여주는 방식) 을 실제로 구현해서 포함한 것입니다.
총 네가지 방식의 off-canvas 방식을 지원하는데요. 아래가 여러 내용을 슬라이딩 탭 방식으로 좌우측 화면 밖으로 배치하는 것 (paneled)이고 ( 테스트 링크 )
트위터 bootstrap 이, 상단 메뉴를 모바일에서 간단히 드랍다운 버튼으로 바꾸는 방식밖에 없는 반면에,
zurb의 foundation 은 여러 가지 변형 방법을 기본 제공합니다.
반응형 웹사이트를 생각하시는 분들 중 트위터 bootstrap의 기본 모양이 지겨우시다면 한번쯤 고려해보실만 하다고 생각합니다. ^^
댓글 12개
게시글 목록
| 번호 | 제목 |
|---|---|
| 2407 | |
| 2399 | |
| 2397 | |
| 2379 | |
| 2362 |
웹접근성
자바스크립트를 끈 로그인 폼
15
|
| 2359 | |
| 2358 |
CSS
IE6/7 img px 버그
|
| 2346 | |
| 2332 | |
| 2329 | |
| 2326 |
HTML
IE6 PNG 초 간단하게 적용
3
|
| 2325 | |
| 2322 | |
| 2321 | |
| 2317 | |
| 2312 |
웹접근성
웹접근성이란?
3
|
| 2309 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 2308 | |
| 2305 | |
| 2301 |
CSS
그라디언트 에디터
7
|
| 2300 | |
| 2293 | |
| 2288 | |
| 2281 |
HTML
object 태그 질문 드ㅡ립니다
2
|
| 2276 | |
| 2273 | |
| 2270 |
CSS
가상클래스 순서 외우기
3
|
| 2263 | |
| 2261 |
반응형
반응형웹 패턴/리소스/뉴스
4
|
| 2258 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기