zurb의 foundation (반응형 프레임워크)

전진

프로필 보기 이 회원 글보기

· 13년 전 · 조회 2901 2901 · 댓글 12 12

링크

http://www.zurb.com/playground/off-canvas-layouts (261)

css와 javascript을 이용한 재밌는 플러그인/버튼들로 유명한 zurb에서 개발 배포하는,

트위터의 bootstrap 과 비슷한 (반응형) 템플릿/프레임워크 입니다.

http://foundation.zurb.com/

트위터 bootstrap하고 다른 점은, 이전에 가변형 레이아웃 펌글에서 언급되었던 off-canvas 방식 (모바일에서 화면 일부를 좌우측으로 감추고 원할때만 보여주는 방식) 을 실제로 구현해서 포함한 것입니다.

http://www.zurb.com/playground/off-canvas-layouts

총 네가지 방식의 off-canvas 방식을 지원하는데요. 아래가 여러 내용을 슬라이딩 탭 방식으로 좌우측 화면 밖으로 배치하는 것 (paneled)이고 ( 테스트 링크 )

아래 방식은 상단 메뉴를 좌측 감춰진 사이드바로 이동하는 방식입니다. ( 테스트 링크 )

그 밖에 데스크탑의 좌측 사이드바를 모바일에서는 좌측으로 감추는 방식 두가지 (상단 메뉴를 그대로 두거나, 아래로 내리는 방식)이 더 있습니다.

트위터 bootstrap 이, 상단 메뉴를 모바일에서 간단히 드랍다운 버튼으로 바꾸는 방식밖에 없는 반면에,

zurb의 foundation 은 여러 가지 변형 방법을 기본 제공합니다.

반응형 웹사이트를 생각하시는 분들 중 트위터 bootstrap의 기본 모양이 지겨우시다면 한번쯤 고려해보실만 하다고 생각합니다. ^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 12개

지운아빠

프로필 보기 이 회원 글보기

13년 전

foundation 이요?

전진

프로필 보기 이 회원 글보기

13년 전

네, 제가 사용한 WipeTouch jq플러그인이 문제인건지
http://wipetouch.codeplex.com/
foundation 의 off-canvas 예제 1,2,4 번 방식 자체가 문제인지
스와핑도 느리지만, 버튼 클릭시 슬라이딩 인/아웃도 버벅거리더라구요..

/ 2

1 2

게시글 목록

번호	제목	글쓴이	조회	날짜
17764	PHP 데이터에서 이름을 추출할때 두번째 자리부터 OO으로 표시 3	백제	1,444	13년 전
17761	Mobile Mombile 홈페이지 만들려면 object c 이외에 php는 필요 없는건가요? 2	phpman	857	13년 전
17753	Flash 플래쉬 버튼에 <?=$g4[path]?> 를 쓰면 그대로 노출이 되는데요...? 7	재아	1,255	13년 전
17750	JavaScript 자바스크립트 메소드 관련.. 2	phpman	841	13년 전
26370	안드로이드 4.1도 포기한 ‘플래시’, 모바일 웹 시장서 밀려나나?	PHPㅡASP프로그래머	1,082	13년 전
4334	티저 사이트 8	아샬	789	13년 전
4332	[구인]PHP 개발자를 구합니다. 1	산들	725	13년 전
17749	PHP [구인]PHP 개발자를 구합니다.	산들	725	13년 전
17747	JavaScript 클릭하면 레이어로 메뉴영역 올라오는거요~~ 1	효린아빠	1,830	13년 전
26369	음성통화↓…스마트폰, 주사용 목적 1위?	PHPㅡASP프로그래머	801	13년 전
17746	기타 Sublime Text2 기본 인코딩 설정법?	Jeco7	1,625	13년 전
17743	기타 쇼핑몰을 구축하려면 2	뭐냐씨	809	13년 전
17742	기타 웹폰트가 적용된 사이트를	뭐냐씨	701	13년 전
17740	PHP 라이브러리를 만들어서 1	뭐냐씨	616	13년 전
17738	Flash 플래시 작업소스가 없는데 1	뭐냐씨	984	13년 전
17736	MySQL mysql 커뮤니티 버젼을 사용해서 1	뭐냐씨	781	13년 전
17734	기타 쓸만한 무료 dns서비스는 1	뭐냐씨	723	13년 전
17732	JavaScript flash의 많은 기능들을 1	뭐냐씨	786	13년 전
30517	HTML php로 사이트 개발시 3	뭐냐씨	1,347	13년 전
17729	Linux 그누4 에서 메일발송을 사용하려면 2	뭐냐씨	859	13년 전
17728	jQuery 상용 그리드에 버금가는	뭐냐씨	1,270	13년 전
17725	정규표현식 운전면허번호도 2	뭐냐씨	4,251	13년 전
24409	개발을 하다가 기획을... 2	뭐냐씨	980	13년 전
17722	node.js node.js 활용사례 좀.. 2	ckflower	2,422	13년 전
30513	HTML 모바일웹을 html5로 만들어도 되나요? 3	ddokkani	1,375	13년 전
17720	Mobile jquery mobile 커스터마이징... 1	뭐냐씨	1,588	13년 전
17719	PHP 프레임웍 보다는...	뭐냐씨	655	13년 전
4331	워드프레스...	뭐냐씨	689	13년 전
17716	PHP 실시간 금시세 관련하여........... 2	밤거리빵빵	6,017	13년 전
26368	방통위, 차세대 웹 표준 HTML5 확산 전략 발표	PHPㅡASP프로그래머	973	13년 전
17715	node.js nodeJS 의 scraping	cshop	1,185	13년 전
17713	JavaScript 바탕 화면에 생성될 아이콘(파비콘)의 자비스크립트에 대해 에러..ㅠㅠ 1	진풍백	4,985	13년 전
17712	Mobile 모바일 사이트 링크 걸기..(기본)	부산아무개	1,641	13년 전
17709	JavaScript ajax호출실패는 어떤 경우에 생기나요? 2	세계의끝	2,443	13년 전
30511	HTML html5 table summary 1	지운아빠	1,841	13년 전
30507	HTML border 에 대하여... [질문] 3	航海	1,049	13년 전
30503	HTML html5 <td headers='header_id'> 3	지운아빠	1,120	13년 전
30500	HTML 플래시 태그를 잘 모르겠습니다 ㅠㅠ 2	김우너석	1,040	13년 전
17706	JavaScript 스크립트 고수들님.... 초보인데요,, 2	아르toria	753	13년 전
17704	PHP 체크박스 저장하는거 봐주세요 ㅠㅠ 1	아지야학교가자	1,137	13년 전
17701	PHP PHP TCP 소켓 통신 예제 <CLIENT 부분> 2	디지털홍익인간	7,692	13년 전
17697	Mobile Jindo 모바일 사용해보신분 있으신가요? 3	트라엘	3,098	13년 전
17691	Linux 리눅스 설치후 apm 설치 어떤걸 사용하시나요? 5	트라엘	863	13년 전
17685	jQuery 홈페이지를 jQuery 를 이용하여 구현 했는데, 프레임셋. 5	WaaNee	1,897	13년 전
30474	HTML 제일 이해안되는 문제.. 25	다평정	2,099	13년 전
17674	jQuery jQuery로 구현한 페이지 인식 및 자기페이지 되돌아 가기 소스입니다. 10	아리타	4,618	13년 전
30467	HTML 태그 문의드립니다... 6	뉴무림객	927	13년 전
17670	MySQL 그누보드 innoDB? 3	프토코이	2,125	13년 전
17667	PHP 무슨뜻일까요> 2	대명이	659	13년 전
17664	기타 미국 팟캐스트 호스팅 인데요 이상품이 무제한 트래픽 무료인가요? 2	JacobJeon	1,078	13년 전
17660	MySQL MYSQL 필드 전체 암호화? 3	불뚝이	1,135	13년 전
17658	JavaScript 스크립트를 function get_mb_ins_type($str)이렇게 만들고 싶은데 1	지피	682	13년 전
17656	기타 유니코드 인지 먼지 알려 주세요 ㅠㅠ 1	벌이뉨	10,463	13년 전
4325	개발과 경력에 관한 잡설... 5	아리타	847	13년 전
30459	HTML image replacement vs black hat techniques 7	지운아빠	1,450	13년 전
4318	SQL Export 하는 중입니다. 6	댁이	836	13년 전
17653	MySQL SQL Export 하는 중입니다. 2	댁이	840	13년 전
30452	HTML 도대체 이 그라데이션 효과는 어떻게 주는걸까요? ㅠㅠ 6	프릭스	2,060	13년 전
17649	PHP SQL 셀렉트로 합과 자료 동시에 구하기 3	웃는하루	1,687	13년 전
30450	HTML 오늘은 뭐 짜달라, 고쳐달라는 분도 안 계시고, 1	cshop	1,636	13년 전
30437	HTML zurb의 foundation (반응형 프레임워크) 12 현재글	전진	2,902	13년 전
17647	Flash 에러좀 봐주세요... 1	아자12345	1,006	13년 전
4315	smarty 프레임웍스 관련 2	댁이	701	13년 전
4310	로드밸런싱과 파일업로드에 관한 문의 4	프토코이	1,080	13년 전
30435	HTML 스크롤에 따라 변하는 메뉴... 1	빌딩	2,145	13년 전
30413	HTML 로고 크기에 제한이 있나요? 21	다평정	1,561	13년 전
17646	Flash xml가 로드가 안됩니다ㅠㅠ	윤분니	1,090	13년 전
30411	HTML 이거 진짜 ㅂ ㅅ 같은건데... ctrl+ 0 ...OTL 1	cshop	1,351	13년 전
17642	Linux 윈도우 xp에 리눅스 설치 하면.. 3	웹어드민	812	13년 전
17638	정규표현식 정규식 관련해서도 혹시 도움될만한 책이 있을까요?? 3	웹어드민	1,339	13년 전
17636	Linux 리눅스 서버 관련 책좀 추천 해주세요.. 1	웹어드민	703	13년 전
30407	HTML html5 책 좀 추천 해주세요. ^^ 3	웹어드민	1,360	13년 전
17634	node.js node.js가 간단하게 어떤건가요?? 1	웹어드민	1,196	13년 전
17632	MySQL mysql 튜닝 책 추천 부탁 드립니다. 1	웹어드민	1,589	13년 전
17627	PHP php 객체지향 프로그래밍에 대해서.. 4	웹어드민	1,090	13년 전
17624	PHP PHP 실행 속도를 빠르게 하는 최적화 코딩 방법 모음 2	techer	1,344	13년 전
17620	jQuery 제이쿼리 질문을 ㅠㅠ 불상한 아이에게 희망을 주시옵소서... 3	몽키D팡야	1,005	13년 전
17619	PHP 프린트 출력 공짜 솔류션 없나여?	트라엘	735	13년 전
17616	Mobile 요즘 하이브리드에 관심이 많아서요.. 2	웹어드민	818	13년 전
17614	정규표현식 정규식을 공부 하는 방법이 있을까요?? 1	웹어드민	1,190	13년 전
17613	MySQL 인덱스 관련해서..	웹어드민	733	13년 전
17609	JavaScript 고수님들, jQuery Mobile 은 희망이 없는건가요? 3	cshop	1,439	13년 전
17606	MySQL 테이블에 인덱스 걸고 테스트.. 2	웹어드민	853	13년 전
17605	PHP 사이트 캡쳐 관련해서..	웹어드민	758	13년 전
17601	jQuery 그누보드내 파일, 내용, 코멘트 따로 불러올수 있을까요? 3	클럽매냐	868	13년 전
24408	기획자 되고싶은데...	트라엘	812	13년 전
17597	JavaScript 1차셀렉트값 변경시 2차셀렉트값 변경 질문입니다 3	후라보노보노	1,954	13년 전
4299	개발자는 야근이 필수 일까요?? 10	웹어드민	1,154	13년 전
17594	JavaScript 퀵메뉴때매 고생하시는분들을 위한 자작 퀵메뉴 제공 ㅋ 2	아리타	1,120	13년 전
17587	JavaScript 주소창에 url직접 입력시에.. 6	수우	2,064	13년 전
17586	Flash 플래시 + GD 로 캡쳐하는 방법...	미운오리스키	1,111	13년 전
4295	리눅스 서버에도 이런거 있나요? 3	AMDbest	734	13년 전
17582	PHP php 초보질문있어요..,, 3	뿌잉쭈니	733	13년 전
17577	Linux 리눅스에서 백업 하는 소스입니다. 4	프로프리랜서	1,473	13년 전
17569	Linux 쉘에서 웹프로그램 실행하기 7	프로프리랜서	916	13년 전
17568	PHP $bo_table 변수에 관련해서 질문합니다.	다평정	715	13년 전
17565	기타 [광고아님] 비용절감 + 기능 + 편리함 = 클라우드 서버 2	cshop	971	13년 전
30399	HTML IE에서 CSS3 메뉴 적용이 되지 않습니다. 7	돌맹나래	2,834	13년 전
30394	HTML 웹 표준화 관련 사이트들 4	꼼꼼이	1,515	13년 전
24400	기획자의 역할이란?? 7	꼼꼼이	1,316	13년 전

이전 다음

27 28 29 30 31

전체 목록