당신의 사이트를 html5 모바일 사이트로 바꾸세요!

당신의 사이트를 html5 모바일 사이트로 바꾸세요!

들어가며 요즘 모바일 웹 개발은 화재입니다. 스마트폰이 PC보다 더 많이 팔리게 되면서 더 많은 사용자들이 모바일 장치를 통해 웹서핑을 하고 있고 이것은 개발자들에게 그들의 사이트를 모바일 웹 브라우저에 맞추게 되는 중요한 원인을 제공할 것입니다. “모바일” 전장은 아직 수 많은 개발자들의 미지의 물과도 같습니다. 대부분의 사이트들은 모바일 유저를 배제하고 있습니다. 대신, 웹 사이트들은 기본적인 데스크톱 브라우저나(…)

JavaScript Framework Matrix

JavaScript Framework Matrix

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

Apple – HTML5 쇼케이스

Apple – HTML5 쇼케이스

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

HTML5 템플릿이 필요하세요? HTML5 Boilerplate 를 찾아보세요.

HTML5 보일러플레이트(boilerplate)는 HTML/CSS/JS 템플릿을 크로스 브라우징, 최적화된 퍼포먼스 및 Ajax 와 플래시의 크로스 도메인 같은 것등을 모범 예제로 통합한 것입니다. 개발자들은 프로젝트에서 이것을 설정하면 빠르게 크로스 브라우저에 맞게 명령을 수행할 수 있습니다. HTML5 보일러 플레이트의 특징은 다음과 같습니다. – HTML5 지원 – IE6을 포함한 크로스 브라우저 호환성 – 캐싱, 압축 룰, 최적화된 설정 – 모바일(…)

Openspace – HTML5 앱스토어

Openspace – HTML5 앱스토어

최근 유행하는 앱스토어는 HTML5 앱스토어까지 나오게 되었습니다. 오픈스페이스 스토어의 설립자이자 개발자인 로버트 라이히는 세계에서 가장 큰 앱스토어를 개발자들이 협동 조합을 설립하는 것으로 설정했습니다. 이 조합(Cooperative)은 HTML5 어플을 빌드하는 모든 개발자들을 위한 것입니다. 게다가 아무런 수수료도 없으며 개발자들은 앱, 음악, 책이나 영화를 오픈스페이스를 통해 추천받을 수 있습니다. http://www.developerscoop.org/developer/를 통해 개발자들의 앱을 제출할 수 있습니다. Openspace 스토어는(…)

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

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

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

드림위버로 HTML5 개발하기.

드림위버로 HTML5 개발하기.

드림위버란 아직도 국내 웹디자인 계에서 가장 많이 사용되는(적어도 내 생각엔) 툴이다. 솔직히 말해 개발자들은 드림위버가 느리고 설치과정이 복잡하고 하니 빠르고 간편한 에디트 플러스나 울트라에디터를 자주 사용하는게 사실이다. 아니면 내려밭고 공유하기 편한 이클립스 같은 툴 말이다. HTML5개발에 앞서 나는 이클립스 GWT, 넷빈즈, xcode등 다양한 툴을 살펴봤는데 아무리 생각해도 드림위버가 가장 간단하면서도 코드 힌트 기능을 통해 쉽게(…)

HTML 5 브라우저별 호환 비교&샘플 사이트

HTML 5 브라우저별 호환 비교&샘플 사이트

1. HTML5 브라우저별 호환 비교표 (출처:404techsupport.com) 위에서 보면 알겠지만 맥이든 윈도우든 사파리나 파이어폭스가 최고라고 조사되고 있다. 또한, 여러 큰 밴더들에서는 이미 HTML5와 관련된 샘플을 제공하고 있다. 아래는 윈도우 기준으로 다양하게 다시 조사한 항목들이다. 1) Internet Explorer 8 2) FireFox 3.5 3) Chrome 4) Opera Browser 5) Safari 2. HTML5 샘플 제공 사이트 1) Apple HTML5 showcase(…)

HTML 5 저작 가능한 툴 6개.(번역)

HTML 5 저작 가능한 툴 6개.(번역)

각종 브라우저에서 HTML5가 설계되고 지원되면서 몇몇의 개발 툴들이 이미 HTML5/CSS3를 이용 가능하도록 하여 쉬운 웹 개발을 돕고 있다.많은 사람들이 이곳(http://www.html5trends.com)에 HTML5관련 툴을 찾기 위해 방문하고 있다. 오늘 우리는 몇몇의 당신이 HTML5를 쉽게 시작할 수 있는 중요한 툴들을 소개하고자 한다. 아래의 툴들은 HTML5/CSS3의 제공 범위가 다르다. 그러니, 이를 사용할 떄는 목적에 맞게 잘 조합하여 사용해야 할(…)