들어가며 요즘 모바일 웹 개발은 화재입니다. 스마트폰이 PC보다 더 많이 팔리게 되면서 더 많은 사용자들이 모바일 장치를 통해 웹서핑을 하고 있고 이것은 개발자들에게 그들의 사이트를 모바일 웹 브라우저에 맞추게 되는 중요한 원인을 제공할 것입니다. “모바일” 전장은 아직 수 많은 개발자들의 미지의 물과도 같습니다. 대부분의 사이트들은 모바일 유저를 배제하고 있습니다. 대신, 웹 사이트들은 기본적인 데스크톱 브라우저나(…)
각종 자바스크립트 프레임워크를 비교해 주는 사이트입니다. 일반적인 자바스크립 기능과 DOM의 지원 범위, 이펙트, 투형, 이벤트 등 다양한 범주에서 비교한 결과를 보여주고 있습니다. 속도면에선 jQuery가 낮긴 한데 음… 저는 개인적으로 제이쿼리랑 Spry가 제일 좋네요 :> 가장 중요한 것은 얼마나 빨리 기능을 숙지하고 사용하는게 아닌가 싶습니다.
애플에서 운영하는 HTML5 쇼케이스 입니다. HTML5를 사용하여 비디오, 타이포그라피, 갤러리, 회전/투명, 오디오, 3D, VR 등을 보여주고 있습니다. 다만 사파리가 아니면 사파리를 설치하라고 나오는데요, 크롬에서는 잘 되는걸 봐서는 아마 WebKit에 최적화된 사이트가 아닌가 싶습니다. 참고로 애플은 WebKit 오픈소스를 이끌고 있습니다.
HTML5 보일러플레이트(boilerplate)는 HTML/CSS/JS 템플릿을 크로스 브라우징, 최적화된 퍼포먼스 및 Ajax 와 플래시의 크로스 도메인 같은 것등을 모범 예제로 통합한 것입니다. 개발자들은 프로젝트에서 이것을 설정하면 빠르게 크로스 브라우저에 맞게 명령을 수행할 수 있습니다. HTML5 보일러 플레이트의 특징은 다음과 같습니다. – HTML5 지원 – IE6을 포함한 크로스 브라우저 호환성 – 캐싱, 압축 룰, 최적화된 설정 – 모바일(…)
최근 유행하는 앱스토어는 HTML5 앱스토어까지 나오게 되었습니다. 오픈스페이스 스토어의 설립자이자 개발자인 로버트 라이히는 세계에서 가장 큰 앱스토어를 개발자들이 협동 조합을 설립하는 것으로 설정했습니다. 이 조합(Cooperative)은 HTML5 어플을 빌드하는 모든 개발자들을 위한 것입니다. 게다가 아무런 수수료도 없으며 개발자들은 앱, 음악, 책이나 영화를 오픈스페이스를 통해 추천받을 수 있습니다. http://www.developerscoop.org/developer/를 통해 개발자들의 앱을 제출할 수 있습니다. Openspace 스토어는(…)
아마 아는 사람이 많이 있지 않을 거라 생각하는데, 올해 1월 18일 W3C에서는 HTML5를 널리 알리기 위해 HTML5의 로고를 만들어 공개했다. 로고는 위와 같이 무언가 방패 모양같기도, 빛을 비추는 것 같기도 한데, W3C에서는 로고를 이렇게 설명하고 있다.“이 로고는 마크업(Markup : 문서의 논리적인 구조. 웹에서는 “테그”) 으로 만든 보편적이고 탄력 있는, 강하고 사실적임을 나타낸다. 그리고 웹개발자인 당신에게(…)
드림위버란 아직도 국내 웹디자인 계에서 가장 많이 사용되는(적어도 내 생각엔) 툴이다. 솔직히 말해 개발자들은 드림위버가 느리고 설치과정이 복잡하고 하니 빠르고 간편한 에디트 플러스나 울트라에디터를 자주 사용하는게 사실이다. 아니면 내려밭고 공유하기 편한 이클립스 같은 툴 말이다. HTML5개발에 앞서 나는 이클립스 GWT, 넷빈즈, xcode등 다양한 툴을 살펴봤는데 아무리 생각해도 드림위버가 가장 간단하면서도 코드 힌트 기능을 통해 쉽게(…)
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(…)
각종 브라우저에서 HTML5가 설계되고 지원되면서 몇몇의 개발 툴들이 이미 HTML5/CSS3를 이용 가능하도록 하여 쉬운 웹 개발을 돕고 있다.많은 사람들이 이곳(http://www.html5trends.com)에 HTML5관련 툴을 찾기 위해 방문하고 있다. 오늘 우리는 몇몇의 당신이 HTML5를 쉽게 시작할 수 있는 중요한 툴들을 소개하고자 한다. 아래의 툴들은 HTML5/CSS3의 제공 범위가 다르다. 그러니, 이를 사용할 떄는 목적에 맞게 잘 조합하여 사용해야 할(…)
