HTML5의 캔버스 요소를 사용해서 게임을 반드는 데 관계된 괜찮은 3개의 사이트를 소개합니다.   Auto-Resizing HTML5 Games (HTML5 Rocks) Derek Detweiler 라는 Gopherwood 스튜디오의 게임 디자이너로써, 그들은 HTML5 를 통해 모바일 폰에서 호환 가능한 게임을 만들었다가 대부분의 스마트폰이 그들의 게임 일부분만 보여주는 것을 보고 어떠한 해상도에서도 게임을 원활하게 보여줄 수 있는 방법에 대해 생각하였습니다. 그러면서 그들이 생각한(…)

HTML5 와 CSS3 로 이뤄진 템플릿을 무료로 약 200여개를 제공해 주는 사이트 입니다. 정확히 퀄리티가 어느정도인지는 모르겠지만, 가볍게 HTML5 사이트를 만들거나 구조를 참조할 때 좋을 것 같네요. ^^ 회원 가입 안해도 다운로드 가능하고, 데모를 보는 것도 쉽습니다!   URL : http://freehtml5templates.com/

Ryan 이라는 뉴질랜드의 웹디자인과 웹개발을 함께 하는 분의 개인 홈페이지 입니다. 전체적으로 색감도 훌륭하고, 사이트 구성도 좋습니다. 메인 화면에 떨어지는 볼이 정말 볼만 하더군요. 아마 대표적인 노 플래시의 형태가 아닐까 싶은데, 앞으로 개인 포트폴리오 홈페이지도 저런 식으로 바뀌어가지 않을까 싶습니다. (참고로 메인화면의 떨어지는 원은 클릭하면 따라옵니다 🙂   다만 컨텐츠가 많이 없고, 소스를 보기 힘든(…)

  HTML5 Rocks 는 HTML5와 관련된 다양한 튜토리얼이 올라오는 곳입니다. 구글 IO에서 본 사이트를 통해 HTML5를 소개하는 PT를 할 정도로 다양한 컨텐츠가 존재하는 곳입니다. 이미 이곳 html5 한국 사이트 에서도 이곳의 튜토리얼을 번역하려고 많이 노력하고 있습니다. 여타 사이트 보다 가장 빠르게 컨텐츠가 올라오는 곳이라 생각되며, 특히 구글 IO에서 소개된 HTML5 의 PT자료(http://slides.html5rocks.com/#landing-slide) 는 상당히 유명합니다.(…)

영국의 리서치, 플래닝, 이벤트 관리 전문 회사입니다. 우리나라에는 이런 개념의 회사가 없어서 저도 정확히 무얼 하는지는 모르겠지만, 사이트 하나는 정말 멋있습니다. 세로로 긴 페이지 구성에 각 프레임 간의 스크롤 이동 애니메이션, 웹 폰트의 적절한 사용 등, html5 사이트로써 의미하는 게 많은 것 같습니다. 보니깐 정말 갑자기 사이트 하나 만들고 싶어지네요.. ^^ URL : http://culturalsolutions.co.uk/

  Essen 은 음식, 맛과 관련된 잡지입니다. 전체적으로 jQuery를 많이 사용했으며, 메인화면은 bxslider를 사용한 슬라이더 효과를 보실 수 있습니다. 최적화를 잘 해 두어서 테스트 해본 결과 아이패드, 아이폰에서도 딱 맞게 잘 나오네요.   WAI-ARIA(웹 접근성 주도 – 접근가능한 리치 인터넷 어플리케이션) 을 사용해 접근성을 넓혔으며, header, nav, section, article,footer 와 같은 HTML5 의 테그를 사용하였습니다. 새로운(…)