홈페이지 관련/HTML2011. 2. 20. 00:16

참고자료

교육

  • "HTML V5 and XHTML V2"(Adriaan de Jonge, developerWorks, 2007년 11월): HTML V5와 XHTML V2를 통해 기존 버전을 개선하는 과정에서 개발자들이 선택한 접근 방식은 매우 달랐다. 이러한 접근 방식의 차이로 인해 결과도 달라졌다. 또한, 여러 해 만에 처음으로 곧 공개될 브라우저 버전의 경향이 불확실했다. 이러한 두 가지 표준의 세부적인 내용의 근간이 되는 전체적인 개념을 확인할 수 있다.

  • "New elements in HTML5"(Elliotte Rusty Harold, developerWorks, 2007년 8월): HTML5의 몇 가지 새로운 요소에 대한 개요를 확인할 수 있다.

  • "An Introduction to MathML"(David Carlisle, developerWorks, 2009년 12월): MathML은 W3C 권장사항으로 수학 표현식을 마크업하는 데 필요한 XML 어휘를 정의한다. HTML5를 사용하면 MIME 유형과 서버 구성을 변경하지 않아도 MathML을 직접 웹에 배치할 수 있을 것으로 보인다.

  • "Android and iPhone browser wars, Part 1: WebKit to the rescue"(Frank Ableson, developerWorks, 2009년 12월): 이 기사는 두 개의 파트로 구성된 연재 기사 중 첫 번째로 브라우저 기반의 iPhone과 Android 애플리케이션을 개발하는 과정을 다룬다.

  • "The future of HTML, Part 1: WHATWG"(Ed Dumbill, developerWorks, 2005년 12월): 두 개의 파트로 구성된 이 연재 기사에서 Edd Dumbill은 웹 작성자와 브라우저 개발자, 표준화 기구에서 제안하는 다양한 HTML 발전 방향을 살펴본다.

  • w3schools.comHTML 튜토리얼에서 HTML에 관한 모든 것을 배울 수 있다.

  • CSS 튜토리얼에서는 CSS를 사용하여 다양한 웹 페이지의 양식과 레이아웃을 모두 한 번에 제어할 수 있는 방법을 배울 수 있다.

  • JavaScript 튜토리얼: 웹의 스크립팅 언어를 사용하는 방법을 배울 수 있다.

  • HTML5: A vocabulary and associated APIs for HTML and XHTML: Editor's Draft 13 January 2010: 최근에 발표된 HTML 스펙 Editor's Draft를 읽어보자.

  • 곧 간행될 Dive Into HTML5(Mark Pilgrim, O'Reilly Media)에서 발췌한 글을 읽어보자.

  • HTML5 갤러리에서 HTML5 마크업을 사용하는 웹 사이트를 확인할 수 있다.

  • HTML5 Tag Reference: 알파벳 순서로 정렬된 HTML5 태그 참조를 확인할 수 있다.

  • HTML5 doctor 웹 사이트에는 HTML5를 구현하는 데 도움이 되는 정보가 많다.

  • HTML 5 Cheat Sheet에는 현재 지원되는 모든 태그와 해당 설명 및 속성 그리고 HTML4에서의 지원 상황이 표시되어 있다.

  • CSS 3 Cheat Sheet: 여기에서 편리한 CSS3의 기본 기능과 인쇄 가능한 참조 카드를 확인할 수 있다.

  • HTML5 데모 웹 사이트에는 다양한 HTML5 실험 및 데모 사이트를 가리키는 링크가 있다.

  • 이 데모는 브라우저상에서 기능이 다양한 대화식 3D 애플리케이션을 구현하는 데 필요한 오픈 소스 웹 API인 O3D를 사용하여 브라우저의 3D 그래픽 렌더링 능력을 실제로 증명한다.

  • lifehacker.com에서 How HTML5 Will Change the Way You Use the Web 기사를 읽어 보자.

  • Yes, You Can Use HTML5 Today!: HTML5의 세계를 소개하는 또 다른 우수한 기사이다.

  • css3.info.com: CSS3에 관한 모든 정보를 얻을 수 있다.

  • Introduction to CSS3: 곧 공개될 CSS3 스펙의 W3C Working Draft를 읽어보자.

  • Introducing the CSS3 Multi-Column Module에서는 W3C 다중 컬럼 모듈을 깊이 고찰한다. 이 모듈은 요소 내부에 있는 다중 컬럼으로 컨텐츠가 전달될 수 있도록 하기 위한 것이다.

  • Mozilla.org에서 CSS3 컬럼을 배워보자.

  • CSS3 transitions and 2D transforms: 이 기사에서 Opera의 CSS3 트랜지션과 변환에 관해 배울 수 있다. 또한, SVG와 SMIL도 확인하자.

  • Mozilla.org에서 제공하는 이 캔버스 튜토리얼에는 HTML 페이지에서 <canvas> 요소를 구현하는 방법이 설명되어 있다.

  • Apple Developer Central에 있는 Using the Canvas에서는 Javascript 캔버스 오브젝트를 지원하는 WebKit 기반 애플리케이션 및 Safari, Dashboard를 살펴본다. Javascript 캔버스 오브젝트를 이용하면 HTML 내에서 임의의 컨텐츠를 편리하게 그릴 수 있다.

제품 및 기술 얻기

  • TheoraXiph.org Foundation의 개방된 비디오 압축 형식으로 무료이다.

  • O3D AP: O3D는 브라우저상에서 기능이 다양한 대화식 3D 애플리케이션을 구현하는 데 필요한 오픈 소스 API이다.

  • IBM 제품 평가판을 다운로드하여 DB2, Lotus, Rational, Tivoli 및 WebSphere의 애플리케이션 개발 도구와 미들웨어 제품을 사용해 보자.

  • 다운로드하거나 DVD로 이용할 수 있는 IBM 시험판 소프트웨어를 사용하여 후속 오픈 소스 개발 프로젝트를 구현해 보자.

토론

Posted by 캠퍼스친구