태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

HTML5 관련 유용한 레퍼(참조) 사이트

8년 전

HTML5 가 웹 개발의 새로운 지평을 열어 놓은 것만은 분명한 것 같다

이러한 흐름을 반영이라도 하듯이,
양질의 HTML5 레퍼 사이트가 속속 등장하고 굉장히 좋은 정보를 제공하고 있다.
아래 소개되는 사이트들을 참고하면 HTML5 를 보다 빨리 그리고 정확하게 습득할 수 있다

HTML5 학습 참조 사이트

W3C HTML5
소개: HTML5 표준화 작업을 진행하는 주체인 W3C에서 제공하는 HTML5 스펙 소개
URL: http://www.w3.org/TR/html5/

WHATWG(Web Hypertext Application Technology Working Group) HTML5
소개: HTML5 스펙을 실질적으로 주도하고 있는 워킹그룹에서 제공하는 HMLT5 사양서
URL: http://www.whatwg.org/specs/web-apps/current-work/multipage/

HTML5 ROCKS (구글)
소개: 구글에서 제공하는 HTML5 관련 학습 및 데모 제공 사이트
URL: http://www.html5rocks.com/
        http://playground.html5rocks.com/ (실제 데모 실습을 해 볼 수 있음, so cool~)

HTML5 Showcase (애플)
소개: 애플에서 제공하는 HTML5 관련 학습 및 데모 제공 사이트
URL: http://www.apple.com/html5/
        http://developer.apple.com/safaridemos/

Mozilla 개발자 센터(MDC) HTML5
소개: 모질라에서 제공하는 HTML5 학습 사이트
URL: https://developer.mozilla.org/en/HTML/HTML5
        https://developer.mozilla.org/ko/HTML/HTML5 (한국어버전)

Opera 개발자 센터(Dev.Opera) HTML5
소개: 오페라에서 제공하는 HTML5 학습 사이트
URL: http://dev.opera.com/articles/tags/open%20web/

w3schools
소개: HTML, CSS, HTML5, JavaScript 와 같은 클라이언트 기술은 물론 asp,php 와 같은
        서버스크립트, 웹서비스, SVG, Flash 등 거의 모든 웹 관련 레퍼런스를 제공하는 사이트
URL: http://www.w3schools.com/

Dive Into HTML5
소개: Oreilly 출판사의 HTML5 Up and Running 라는 책의 근간이 되는 사이트
URL: http://diveintohtml5.org/

<html>5 doctor
소개: 몇몇 개발자들이 모여서 만든 HTML5 학습 사이트
URL: http://html5doctor.com/

html5demoes
소개: FF(Full Frontal) 컨퍼런스 모임에서 제공하는 HTML5 데모 사이트
URL: http://html5demos.com/

Caniuse
소개: HTML5, CSS, SVG 등의 브라우저 호환성 테이블 제공 및 데모사이트로의 연결 제공
URL: http://caniuse.com/


IBM Developer Works 에 실린 HTML5 컬럼
- HTML5와 CSS3를 사용하여 최신 웹 사이트 구축하기
http://www.ibm.com/developerworks/kr/library/tutorial/wa-html5/index.html

- HTML5를 사용하여 모바일 장치 웹 애플리케이션 작성하기
https://www.ibm.com/developerworks/kr/library/wa-offlineweb/

- HTML 5로 모바일 웹 애플리케이션 작성하기
https://www.ibm.com/developerworks/kr/library/x-html5mobile1/

- HTML5를 사용하여 웹 애플리케이션 빌드하기
http://www.ibm.com/developerworks/kr/library/wa-html5webapp/

HTML5 로 제작된 사이트 소개

HTML Games
소개: HTML5 로 개발된 온라인 게임을 모아놓은 사이트, 일면 HTML5 게임 포탈
URL: http://html5games.com/

<html>5 gallery
소개: HTML5 로 개발된 사이트를 소개하는 사이트
URL: http://html5gallery.com/

mr.doob
소개: HTML5 , Javascript Deom
URL: http://mrdoob.com/

js do.it
소개: HTML5, Javascript, CSS 공유 사이트(일본)
URL: http://jsdo.it/

Darkroom
소개: HTML5 로 제작된 그래픽 툴
URL: http://mugtug.com/darkroom/

littlecoogie
소개: HTML5 로 제작된 쇼핑몰
URL: http://www.littlecoogie.com/

9elements.com
소개: HTML5 Canvas로 제작, HTML5 관련 데모 링크 제공
URL: http://9elements.com/io/projects/html5/canvas/

추천 목록

번호	제목
2,705	jQuery.getJSON, JSON 데이터를 로드
2,704	jQuery length와 slideToggle 예제
2,703	[CSS] before와 after 선택자를 이용하여 Float 속성 해제
2,702	jQuery toggleClass() Methods
2,701	jQuery stop(),Callback,Chaining
2,700	jQuery Effects - Animation
2,699	jQuery Effects - Sliding
2,698	jQuery fadeIn(), fadeOut(), fadeToggle(), fadeTo()
2,697	jQuery hide(), show(), toggle()
2,696	jquery trigger(), 함수 실행시키기
2,695	비밀번호(패스워드) 유효성 체크 (문자, 숫자, 특수문자의 조합으로 6~16자리)
2,694	PHP 문자열에 한글이 포함되어 있는지 체크
2,693	한글체크(preg match)
2,692	javascript escape/unescape -> php
2,691	폴더안의 파일 가지고 놀기
2,690	정규 표현식으로 한글 문자 포함하는지 확인하기
2,689	유니코드를 이용 한글 초성, 중성, 종성으로 쪼개기 - 한글/영문 변환
2,688	한글 초성,중성,종성 자르기 함수
2,687	파이썬에서 유니코드 스트림 다루기
2,686	Python 2.x 한글 인코딩 관련 정리
2,685	%uABCD%u1234 같은 url의 유니코드 디코딩
2,684	한글, 한자를 유니코드로 변환하기
2,683	경로 분리하기
2,682	한글 ASCII 코드를 웹 URL에서 사용되는 UTF8 코드로 변환
2,681	Unicode (UTF-8) 인코딩에서 한글 글자수 출력 및 iconv substr
2,680	PHP에서 유니코드로 문자열 인코딩하기
2,679	[JavaScript] 뒤로가기 히스토리가 없는 것을 어떻게 알 수 있을까?
2,678	htmlspecialchars, entity decode
2,677	Php : Finding Chrome and Safari Browsers
2,676	[Shoutcast] jPlayer and Shoutcast Configuration