facebook timeline 스타일 따라하기

옹갈군

· 12년 전 · 조회 2602 2602 · 댓글 6 6

링크

http://www.9lessons.info/2012/01/facebook-timeline-design-using-jquery.html (1588)

안녕하세요.

masonry.jquery와 css를 응용해서 facebook 의 timeline style을 구현하는 방법에 대하여 상세히 설명해놓은 블로그가 있어서 소개합니다.

step by step으로 상세히 설명되어 있어서 개념익히기에 충분합니다.

응용하시면 다양한 스타일의 타임라인이 구현될듯 싶습니다.

데모와 다운로드는 아래 링크를 확인부탁드립니다.

demo : http://demos.9lessons.info/timeline/index.html
download : http://demos.9lessons.info/url.php?url=https://www.box.com/s/aba00db637b4a86716da

첨부파일

timeline_html.zip (9.5 KB, 11회)

댓글 작성

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

로그인하기

댓글 6개

시누이

번호	제목	글쓴이	날짜	조회
5177	어려우신 분들을 위해 따로 작은 미니 홈을 준비하면 어떨까요?... (지하철 노약자석같은 개념으로) [7] #웹접근성	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1095
5176	웹표준에 웹접근성까지 정말 잘못 되어가고 있다는 생각이 [6] #웹접근성	돗단배123 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1416
5175	한국장애인인권포럼 vs 웹발전연구소 격돌 [2] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1697
5174	[펌] 웹접근성 돌아버리겠네요 [5] #웹접근성	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1320
5173	마우스 오버시 레이어 출력~ [2] #개발자 #jquery	뽁스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	7556
5172	메뉴 고정 [2] #개발자 #jquery	화끈하게 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2467
5171	리눅스(페도라) FTP 설정 [1] #개발자 #os	최적화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3692
5170	법무법인 태평양, 재단법인 동천 그리고 한국장애인단체총연합회 등 내달 소송 준비 중 [5] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1375
5169	네이버 지도를 이용해 만든 레이아웃입니다. [19] #퍼블리셔 #html	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	6392
5168	KBS, KNN 장애인 차별로 인권위에서 첫 진정이 들어갔다네요. [7] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1007
5167	웹 접근성 무료 진단해준다네요. [6] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1408
5166	장차법 관련 문의 드립니다~(아무리 구글링 해도 원하는 해답이 없네요) [16] #웹접근성	testers 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1490
5165	가전 접근성과 웹 접근성 [2] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	987
5164	facebook timeline 스타일 따라하기 [6] 현재 보는 글 #개발자 #jquery	옹갈군 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2603
5163	간만에 복귀 기념 - jQuery 슬라이드 베너 ? ^^ [3] #개발자 #jquery	검은여우 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3479
5162	웹 접근성은 '고객'만 대상으로 하는 것은 아닐 겁니다. [2] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	825
5161	웹 접근성 이슈 정리 [14] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5549
5160	웹접근성에 대해서 잘 모릅니다 [3] #웹접근성	ideaman 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1179
5159	리눅스 미치겟네요ㅠㅠ [4] #개발자 #os	SUPERMANs 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1365
5158	쇼핑몰 고객센터 전화번호를 컨텐츠 최상단에 위치시키는 것은 어떨까? [2] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1289
5157	웹 접근성의 숨은 복병 알고 보니... 세상에! [3] #웹접근성	지운아빠 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1336
5156	PHP로 작성된 웹셀 프로그램 [5] #개발자 #php	오늘도망했다 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3254
5155	html 테그 제거하는 함수 [5] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2019
5154	새로고침(F5) 금지 하는 자바 스크립트 [3] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3687
5153	자바스크립트 문자열 비교 [2] #개발자 #javascript	senseme 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	8508

facebook timeline 스타일 따라하기

링크

첨부파일

댓글 작성

댓글 6개

게시판 목록

팁게시판

어려우신 분들을 위해 따로 작은 미니 홈을 준비하면 어떨까요?... (지하철 노약자석같은 개념으로) [7]

웹표준에 웹접근성까지 정말 잘못 되어가고 있다는 생각이 [6]

한국장애인인권포럼 vs 웹발전연구소 격돌 [2]

[펌] 웹접근성 돌아버리겠네요 [5]

마우스 오버시 레이어 출력~ [2]

메뉴 고정 [2]

리눅스(페도라) FTP 설정 [1]

법무법인 태평양, 재단법인 동천 그리고 한국장애인단체총연합회 등 내달 소송 준비 중 [5]

네이버 지도를 이용해 만든 레이아웃입니다. [19]

KBS, KNN 장애인 차별로 인권위에서 첫 진정이 들어갔다네요. [7]

웹 접근성 무료 진단해준다네요. [6]

장차법 관련 문의 드립니다~(아무리 구글링 해도 원하는 해답이 없네요) [16]

가전 접근성과 웹 접근성 [2]

facebook timeline 스타일 따라하기 [6] 현재 보는 글

간만에 복귀 기념 - jQuery 슬라이드 베너 ? ^^ [3]

웹 접근성은 '고객'만 대상으로 하는 것은 아닐 겁니다. [2]

웹 접근성 이슈 정리 [14]

웹접근성에 대해서 잘 모릅니다 [3]

리눅스 미치겟네요ㅠㅠ [4]

쇼핑몰 고객센터 전화번호를 컨텐츠 최상단에 위치시키는 것은 어떨까? [2]

웹 접근성의 숨은 복병 알고 보니... 세상에! [3]

PHP로 작성된 웹셀 프로그램 [5]

html 테그 제거하는 함수 [5]

새로고침(F5) 금지 하는 자바 스크립트 [3]

자바스크립트 문자열 비교 [2]