HTML5

Ryan Delaney * Design and Web

Ryan Delaney * Design and Web

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

HTML5 Rocks

HTML5 Rocks

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

외국의 어느 웹 개발자가 밝히는 HTML5&웹개발자로써의 로드맵(번역 자료)

외국의 어느 웹 개발자가 밝히는 HTML5&웹개발자로써의 로드맵(번역 자료)

스텍 오버플로어의 여러 글들을 보다가 괜찮은 글이 있어서 미흡하지만 번역해 봤습니다. 중학생이 웹 개발자의 길을 꿈꾸며, html5와 css3를 어떻게 공부해 나가야 하는지에 대해 올린 질문에 Manuel Strehl 이라는 독일 레겐스브로크에서 웹 개발자로 활동하는 분의 답글입니다. 개인적으로 이 글을 읽으면서, 확실히 뭔가 관심을 가지고 접근한다는 그런 방향성이 우리나라의 IT 주입식 교육과는 많이 다르다는 것을 느끼네요. 물론,(…)

Cultural Solutions UK

Cultural Solutions UK

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

Essen : a Taste Magazine

Essen : a Taste Magazine

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

Luca Vercellio Web Design

Luca Vercellio Web Design

Luca Vercellio 라는 이탈리아의 웹 디자이너의 개인 사이트 입니다.   modernizr 1.7 을 사용하였고, Google 의 Web Font 를 사용하였습니다. 이 사이트에서 구글 코드의 Web Font API(http://code.google.com/intl/ko-KR/apis/webfonts/) 를 처음보게 되었네요. 꽤 괜찮은 기술 같은데, 국내엔 많이 알려지지 않은 것 같습니다.   이외에도 section을 잘 나누고 네비게이션을 활용하였으며, html5 gallery, 101 best html5 sites 등에 소개되었습니다.(…)

JavaScript Framework Matrix

JavaScript Framework Matrix

  각종 자바스크립트 프레임워크를 비교해 주는 사이트입니다. 일반적인 자바스크립 기능과 DOM의 지원 범위, 이펙트, 투형, 이벤트 등 다양한 범주에서 비교한 결과를 보여주고 있습니다.   속도면에선 jQuery가 낮긴 한데 음… 저는 개인적으로 제이쿼리랑 Spry가 제일 좋네요 :> 가장 중요한 것은 얼마나 빨리 기능을 숙지하고 사용하는게 아닌가 싶습니다.

Apple – HTML5 쇼케이스

Apple – HTML5 쇼케이스

  애플에서 운영하는 HTML5 쇼케이스 입니다. HTML5를 사용하여 비디오, 타이포그라피, 갤러리, 회전/투명, 오디오, 3D, VR 등을 보여주고 있습니다.   다만 사파리가 아니면 사파리를 설치하라고 나오는데요, 크롬에서는 잘 되는걸 봐서는 아마 WebKit에 최적화된 사이트가 아닌가 싶습니다.   참고로 애플은 WebKit 오픈소스를 이끌고 있습니다.

내 홈페이지에 HTML5 뱃지(badge)를 달아보자.

내 홈페이지에 HTML5 뱃지(badge)를 달아보자.

아마 아는 사람이 많이 있지 않을 거라 생각하는데, 올해 1월 18일 W3C에서는 HTML5를 널리 알리기 위해 HTML5의 로고를 만들어 공개했다. 로고는 위와 같이 무언가 방패 모양같기도, 빛을 비추는 것 같기도 한데, W3C에서는 로고를 이렇게 설명하고 있다.“이 로고는 마크업(Markup : 문서의 논리적인 구조. 웹에서는 “테그”) 으로 만든 보편적이고 탄력 있는, 강하고 사실적임을 나타낸다. 그리고 웹개발자인 당신에게(…)