블로그 이미지

카테고리

데꾸벅 (194)
Publisher (39)
Scripter (97)
Programmer (1)
Designer (30)
Integrator (18)
Pattern Searcher (4)
News (2)
강좌 및 번역 (3)

최근에 달린 댓글

HTML5 Gallery

Publisher/HTML/HTML5 / 2009. 4. 10. 20:18


아직 Editors Draft (2009년 4 월 8일) 중인 HTML5로 된 사이트를 한곳에 모아둔 사이트가 있어서 소개한다.
(데꾸벅 주: 헉 아직 Working Draft상태인줄 알았는데 이 포스트를 작성하다가 링크를 걸기위해 찾아갔더니만 Editor's Draft 상태이다. W3C의 고무줄 스케줄:로드맵 에 따르면 이미 권고안으로 확정되어야 하지만 최소한 Working Draft상태가 올해안에 안끝날줄 알았는데....  조만간.. HTML5로 또 한번 IT쪽이 떠들썩 하겠군~~~)

사이트 주소 : http://html5gallery.com/






구글크롬, IE8, 7, Firefox3, Opera 에서도 깨짐없이 잘 보이고 있다.
HTML소스를 열어보니 <section>, <nav>, <header> 태그들이 보이고 CSS는 3.0 스펙으로 처리되어 있다.
한가해 질때 각각의 사이트 소스를 분석해 보는것도 괜찮을듯 하다.




아래사이트는 HTML5 스펙으로 구성된 사이트들이다... 즐감 하시길...
http://www.tableless.com.br/
http://jacobrask.net/
http://willworkforart.net/
http://a.deveria.com/
http://www.codedread.com
http://www.thatstandardsguy.co.uk/
http://openscriptures.org/
http://www.thewatchmakerproject.com
http://theccaa.net
http://rebathoregon.com/
http://shepherd-interactive.com/
http://weston.ruter.net/
http://richclarkdesign.com
http://chipbarm.com
http://camendesign.com/
http://www.aneventapart.com/
http://www.uxlondon.com/
http://intertwingly.net/blog/

가까운 시일내에 데꾸벅 블로그도 HTML5 + CSS3로 도배를.. 크크~








'Publisher > HTML/HTML5' 카테고리의 다른 글

[HTML5] Progress Bar CSS입히기  (2) 2013.03.04
SVG와 CANVAS사이의 선택  (16) 2010.03.09
HTML5 Gallery  (4) 2009.04.10
웹페이지 소스보기 금지  (0) 2008.08.19
Post by 넥스트리소프트 데꾸벅(techbug)

댓글을 달아 주세요

  1. 2009.04.15 09:15 신고 후루룩짭짭  댓글주소  수정/삭제  댓글쓰기

    오오...
    코드가 더 직관적이고 이해하기 쉽게 되겠네요.
    html5 태그에 맞추어 자바스크립트 프레임워크 쪽은 어떻게 대응하고 있는지도 궁금해 지네요.
    ^^;

    • 2009.04.15 19:21 신고 데꾸벅  댓글주소  수정/삭제

      자바스크립트쪽에는 별로 대응할께 없어보이네요..
      이전 태그도 다 지원하고 어차피 브라우저 엔진에 의존적이니깐 HTML5라고 별반 다르지 않을듯 싶네요~

  2. 2010.04.24 12:23 dana  댓글주소  수정/삭제  댓글쓰기

    링크에 마우스 올리면 깜박이는 이거는 어케 만들어요? html 인가요? 아님 css인가요?
    초보라서 너무 예뻐서요 컬러도 이쁘고 좀 갈켜주세요^^

    • 2010.04.27 02:35 신고 데꾸벅  댓글주소  수정/삭제

      ㅎㅎ 주소창에 아래주소 넣고 쳐보세요
      http://cfs.tistory.com/blog/plugins/RainbowLink/rainbow.js

      js 파일 하나 다운로드 하죠? 그거 그냥 집어넣어시면 됩니다.

      javascript로 CSS를 조작하는겁니다.