About

Posts by :

Free HTML5 Template

Free HTML5 Template

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

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 등에 소개되었습니다.(…)

멀티터치 웹 브라우저에서의 개발

멀티터치 웹 브라우저에서의 개발

  들어가며   스마트폰이나 타블렛 같은 모바일 장치들은 보통 유저의 손가락을 통한 전기적 터치를 스크린을 통해 감지합니다. 모바일 웹이 더욱더 애플리케이션에 점점 가까워 질수록 웹 개발자들은 이러한 터치 이벤트를 다루는 것이 필요합니다. 에를 들어, 가까운 어떤 빠른 페이스의 게임이 플레이어에게 여러 버튼을 한번에 누르게 요구되면 터치 스크린은 멀티 터치가 가능한 환경이 되어야 합니다. 애플은 그들의(…)