쏭군은 열정 드리머

Web Resource Depot에 올라온 유용한 포스팅이 있어 소개드립니다. HTML5는 아직 모든 스펙이 완성되어 표준안으로 권고가 되지는 않았습니다만 기본적인 뼈대는 거의 완성된 것 같습니다. 권고안이 2012년에 나오고 HTML5가 완전한 표준스펙으로 자리 잡으려면 2022년까지 가야한다는 이야기도 있지만 변화의 물결은 의외로 빨리 다가올 수도 있을 것 같다는 생각이 드는 요즘입니다.

HTML5와 CSS3의 스펙을 간략하게 정리해 컨닝 페이퍼로 만들어 PDF로 배포하고 있길래 제 블로그에서도 소개드립니다.

HTML5 Visual Cheat Sheet(Gray version)

사용자 삽입 이미지

PDF 파일 다운로드 받기 (1.1MB)


HTML5 Visual Cheat Sheet(White version)

사용자 삽입 이미지

PDF 파일 다운로드 받기 (1.3MB)


HTML5 Cheat Sheet

사용자 삽입 이미지

PDF 파일 다운로드 받기 (73KB)


HTML5 Canvas cheat sheet

사용자 삽입 이미지

PDF 파일 다운로드 받기


CSS3 Cheat Sheet

사용자 삽입 이미지

PDF 파일 다운로드 받기 (123KB)


CSS Property Index

사용자 삽입 이미지

CSS 속성 인덱스 웹사이트 링크

이 녀석들 인쇄해서 짬날때마다 무한반복 모드로 읽으면 머리에 콕콕 박히겠는데요~ 모쪼록 HTML5와 CSS3를 학습하시는 분들께 도움이 되는 자료였으면 좋겠습니다.
2010/04/22 21:59

트랙백 주소 :: http://monoeyes.com/trackback/816

  1. 받은 트랙백 sangini의 생각

    트랙백 보낸 곳 : sangini's me2DAY 2010/06/11 15:20  삭제

    HTML5와 CSS3 스펙 요약 컨닝페이퍼 모음

  1. BlogIcon donut 2010/04/23 01:09  댓글주소  수정/삭제  댓글쓰기

    Thanks for posting this. It's useful for me!

    • BlogIcon 쏭군 2010/06/11 15:21  댓글주소  수정/삭제

      Oh! Look who's here! Hi Donovan~ Long time no see. How have you been? Are Hyesun alright, too?

      HTML5 include very awesome specifications and properties. Study cheer up^_^)=b C ya~

  2. 2011/11/29 04:01  댓글주소  수정/삭제  댓글쓰기

    관리자만 볼 수 있는 댓글입니다.

    • BlogIcon 쏭군 2011/11/30 23:39  댓글주소  수정/삭제

      안녕하세요^^
      멀리 뉴욕에서 제 책의 독자님이 계신다하여 신기한 기분도 들고~ 또 감사한 기분도 드네요^^ 책 선택해주셔서 감사드리구요. 블로그에 연락 주셔서 더 감사드려요~ (그런데 택배비가 책 값과 똑같네요. 흑!!)

      contenteditable 기능은 웹상에서 구동하는 텍스트 에디터나 웹에디터를 만들기에 유용한 기능입니다.

      http://demos.w3avenue.com/html5-unleashed-tips-tricks-and-techniques/sample-07-contenteditable-demo.html#
      이 페이지를 보시면 contenteditable 기능을 이용해서 간단하게 bold(굵게)체와 italic(기울임)체를 구현한 것을 보실 수 있습니다.

      http://www.quackit.com/html/codes/contenteditable.cfm
      여기서도 굵은 글씨체와 이탤릭을 구현하는 간단한 예제와 소스를 공개해뒀네요. 보시면 금방아실 듯 합니다.

      이 기능을 응요하시면 사진도 넣고, 링크도 거는 등의 진정한 웹에디터를 구현하실 수 있으리라 생각되요.

      그리고 말씀하신 저장 기능은 2가지로 활용할 수 있어요. PHP와 같은 프로그래밍 언어를 이용해서 외부 데이터베이스에 데이터를 저장하는 방법이 있고요.

      다른 방법으로는 HTML5에서 제공하는 웹스토리지 기능을 활용하는 방법이 있어요. 전자는 프로그래밍을 하실 수 있으시면 금방 응용하실 수 있을 것 같고요.

      후자의 방법은 아래 링크로 들어가보시면 구현하시는 방법이 예제로 만들어져 있어요.

      http://www.beakkon.com/tutorial/html5/edit-content

      먼 타국에서 모쪼록 건강 관리 잘 하시고요. 늘 행복하세요^^
      궁금하신 점 있으시면 언제라도 말씀해주세요^^

      감사합니다.
      송종식 올림

  3. BlogIcon Authorhouse 2012/03/23 18:58  댓글주소  수정/삭제  댓글쓰기

    함께 이것을 넣어 주셔서 감사합니다. 이것은 매우 유용한 리소스입니다.




''에 해당되는 글 건