facebook timeline 스타일 따라하기

옹갈군

· 12년 전 · 조회 2629 2629 · 댓글 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개

시누이

번호	제목	글쓴이	날짜	조회
5002	Easing Functions Cheat Sheet #개발자 #jquery	편리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	780
5001	Mobilize 의 touchSlider 아시나용? (모바일용으로 유명한 터치슬라이더~) [5] #개발자 #jquery	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	10543
5000	[안드로이드] TextView 텍스트 많아지면 ...으로 표시방법. [3] #개발자 #mobile	수저 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	7105
4999	좌우 슬라이드메뉴와 상하 슬라이드 메뉴 [6] #개발자 #jquery	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	8947
4998	[안드로이드] No Launcher activity found! 에러 해결방법 #개발자 #기타	수저 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	6663
4997	[안드로이드] java.lang.NullPointerException 에러 해결 방법 [2] #개발자 #기타	수저 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	10494
4996	MySQL 5.1 VS MySQL 5.5 버전 각각 MyISAM 엔진과 InnoDB 엔진 속도 비교 [3] #개발자 #mysql	박사마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	4049
4995	id나 class 명은 어떻게 쓰시는지요? [9] #퍼블리셔 #css	레어닉 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2356
4994	그누보드 자동 이스케이프 관련 버그(?) #개발자 #php	레어닉 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	706
4993	jQuery / jQuery Mobile 에서 json 파싱 방법 #개발자 #jquery	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3756
4992	Mysql DB를 InnoDB로 바꿔봅시다 [1] #개발자 #mysql	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2947
4991	리눅스 서버 관리에 필요한 50가지 팁 [1] #개발자 #웹서버	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3416
4990	모바일 웹 개발에 큰 도움이 되는 피모 브라우저 [1] #개발자 #mobile	주재넷 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2137
4989	간단한 쿠폰번호 생성 #개발자 #php	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2201
4988	xml 파싱 예제 [1] #개발자 #php	울랄라커뮤니케이션스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3321
4987	eval [1] #개발자 #php	windowhan 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	702
4986	제안서 유용한 도형 [13] #기획자 #제안서	미르얌 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5135
4985	롤오버+슬라이드 질문드립니다. #개발자 #jquery	그루컴즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1661
4984	jQuery path plugin #개발자 #jquery	편리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1233
4983	아이폰일때 상단 검색바 숨기기 [3] #개발자 #javascript	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1144
4982	참고해서 만들어 본 반응형 레이아웃 [6] #퍼블리셔 #반응형	kiplayer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	3159
4981	어떤 스마트폰에서 접속했는지 알아내는 함수 #개발자 #php	dsv421 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	819
4980	년별 월별 일별 시간 범위 구하기 #개발자 #php	dsv421 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	1527
4979	jQuery로 파일업로드(input=file) 버튼 이미지로 변경하기 [3] #개발자 #jquery	dsv421 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	5822
4978	AWS 아마존 클라우드 서버 Network Latency Check #개발자 #웹서버	MFBob 프로필 보기 이 회원 글보기 이 회원의 댓글보기	12년 전	2615

facebook timeline 스타일 따라하기

링크

첨부파일

댓글 작성

댓글 6개

게시판 목록

팁게시판

Easing Functions Cheat Sheet

Mobilize 의 touchSlider 아시나용? (모바일용으로 유명한 터치슬라이더~) [5]

[안드로이드] TextView 텍스트 많아지면 ...으로 표시방법. [3]

좌우 슬라이드메뉴와 상하 슬라이드 메뉴 [6]

[안드로이드] No Launcher activity found! 에러 해결방법

[안드로이드] java.lang.NullPointerException 에러 해결 방법 [2]

MySQL 5.1 VS MySQL 5.5 버전 각각 MyISAM 엔진과 InnoDB 엔진 속도 비교 [3]

id나 class 명은 어떻게 쓰시는지요? [9]

그누보드 자동 이스케이프 관련 버그(?)

jQuery / jQuery Mobile 에서 json 파싱 방법

Mysql DB를 InnoDB로 바꿔봅시다 [1]

리눅스 서버 관리에 필요한 50가지 팁 [1]

모바일 웹 개발에 큰 도움이 되는 피모 브라우저 [1]

간단한 쿠폰번호 생성

xml 파싱 예제 [1]

eval [1]

제안서 유용한 도형 [13]

롤오버+슬라이드 질문드립니다.

jQuery path plugin

아이폰일때 상단 검색바 숨기기 [3]

참고해서 만들어 본 반응형 레이아웃 [6]

어떤 스마트폰에서 접속했는지 알아내는 함수

년별 월별 일별 시간 범위 구하기

jQuery로 파일업로드(input=file) 버튼 이미지로 변경하기 [3]

AWS 아마존 클라우드 서버 Network Latency Check