원문 : Start Using HTML5 WebSockets Today 번역 : Mattew, Chang(www.izect.kr) (이 글은 한국 HTML5 사용자 모임에 기고된 글입니다.) (역자주) 웹 소켓에 대해 간단히 따라할 수 있는 튜토리얼입니다. 간단히 채팅을 구현해 봄으로써, 웹 소켓과 서버의 송수신에 대해 가볍게 이해하는 데 많은 도움이 될 것입니다. 약 1년 전에 작성된 튜토리얼이니 감안하시고 보세요 ^^ ...
-
2011년 7월 22일 -
2011년 7월 18일 여기 38개의 HTML5로 디자인된 사이트들이 여러분의 영감을 돋구어줄 것입니다.(번역)
페이스북 HTML의 발전에서 HTML5는 여태 개발되었던 사이트들의 신선한 공기처럼 다가왔습니다. “플래시 킬러” “새로운 거대한것” “미래의 웹 디자인” 등의 수식어가 붙은 HTML5가 우리들에게 다가오고 있습니다. 심지어 웹디자이너에게도 HTML5는다시한번 우리들을 즐겁게 만드는 데 놀라운 툴로 다가왔습니다. 여기 작은 웹의 수집이 HTML5로써의 구조화가 말해주는 즐거움을 알려줄 것입니다. (역자주 : 솔직히 아래 사이트들 전부 다 추천입니다.. 제겐 솔직히 신선한 디자인적 충격을 안겨주었습니다.) 트론 웹사이트 HTML5 캔버스의 요소들을 정말 놀라우리만큼 잘 사용했습니다. 즐겨보세요. 자라 미디어 디자인 디자인 에이전시 회사의 홈페이지로 컨텐츠를 매끄러운 가로 스크롤로 보여줍니다. Karlsruhe의 블로그 비주얼라이즈( visualise) 캐나다의 마이크로 블로깅 플렛폼입니다. 버튜티 디자인 스튜디오 퓨마 웹사이트 토오타 프리우스 프로젝트 와이어드 마인드 와이어드 마인드는 Wored.co.uk의 컨텐츠를 다른 방식으로 탐험해 볼 수 있는 시각효과를 제공해 줍니다. MS의 IE 9브라우저와 파트너쉽을 맺고 매우 빠른 표준 브라우저에서 여러분이 할 수 있는 것이 무엇인지를 보여줍니다. (역자주 : 상당히 시각적이면서도 놀라운 디자인과 브라우징 방법을 보여줍니다. 꼭꼭 방문해 보시기를 추천합니다.) 황야의 시내(the wilderness downtown) 불릿 에이전시(The Bullit Agency) 미칠듯한 효과로 아티스트들을 보여줍니다. 슬라이드 바 없이 부드럽게 컨텐츠를 이동하고, 메뉴들이 위치를 이동합니다. (역자주 : 정말 멋진 사이트입니다. 꼭 방문하셔서 멋진 디자인 효과를 살펴보시길..) S5 스타일 포트폴리오 캔버스로 무엇을 할 수 있는지에 대해 아름다운 예제를 보여줍니다. 처음 제가 보았을때는 플래시인줄 알았는데, 아니었습니다! 롭 에드워드의 포트폴리오 레드스퀘어 에이전시 안투안 웻(Antoine ...
-
2011년 7월 18일 Adobe Edge 를 아시나요? : HTML5 애니메이션 개발 툴(번역)
어도비 에찌는 새롭게 다가오는 어도비의 제품 중 하나로, HTML5 애니메이션을 만들 수 있는 도구입니다. 아직까지 정확한 언급은 없지만 만약 여러분이 FutureSplash 애니메이터와 어도비의 놀라운 멀티미디어 작품 제작에 대해 어떤 일이 있었는지 기억한다면, 어도비 에찌가 가져올 것에 대해 상상해 볼 수 있을 것입니다. 어도비 에찌의 데모 버전은 6월 말쯤에 릴리즈 되었는데, 어도비 라이트룸이라는 ...
-
2011년 7월 13일 판도라 라디오, 소셜 리디자인을 위해 플래시에서 HTML5로 교체(번역)
최근 판도라의 기업 공개로 인해 그들의 유저가 1억명에 달했고 새롭게 리디자인을 하기로 하였습니다. 불필요한 플래시를 HTML5로 교체하고 새로운 디자인을 먼저 몇몇의 구독자들에게 공개하고 향후 몇주 내로 다른 유저들에게도 공개하기로 하였습니다. 아직 저희가 새로운 판도라를 접하지는 못했지만, 들리는 바에 의하면 더 빠르고 쉽게 사용이 가능하다 합니다. 레이아웃에는 큰 변화가 없지만, 새로운 ...
-
2011년 7월 8일 HTML5 Canvas를 활용하는 유용한 사이트 세가지(번역)
(이 글은 한국 HTML5 사용자 모임에 기고된 글입니다.) HTML5의 캔버스 요소를 사용해서 게임을 만드는 데 관계된 괜찮은 3개의 사이트를 소개합니다. Auto-Resizing HTML5 Games (HTML5 Rocks) Derek Detweiler 라는 Gopherwood 스튜디오의 게임 디자이너로써, 그들은 HTML5 를 통해 모바일 폰에서 호환 가능한 게임을 만들었다가 대부분의 스마트폰이 그들의 게임 일부분만 보여주는 것을 보고 어떠한 ...
-
2011년 7월 7일 외국의 어느 웹 개발자가 밝히는 HTML5&웹개발자로써의 로드맵(번역 자료)
스텍 오버플로어의 여러 글들을 보다가 괜찮은 글이 있어서 미흡하지만 번역해 봤습니다. 중학생이 웹 개발자의 길을 꿈꾸며, html5와 css3를 어떻게 공부해 나가야 하는지에 대해 올린 질문에 Manuel Strehl 이라는 독일 레겐스브로크에서 웹 개발자로 활동하는 분의 답글입니다. 개인적으로 이 글을 읽으면서, 확실히 뭔가 관심을 가지고 접근한다는 그런 방향성이 우리나라의 IT 주입식 교육과는 ...
-
2011년 6월 22일 iOS 웹앱 개발 시작하기(번역)
원문 :Getting Started with iOS Web Apps 본 문서는 한국 html5 사용자 모임에 기고된 글입니다. 시작하며 iOS 웹 어플리케이션(또는 iOS 웹앱)은 iOS 어플리케이션의 모습과 액션들에 초점을 맞춰 웹 2.0 기술에 접목한 것입니다. iOS 웹 앱은 iOS의 사파리에서 동작하며 이는 iOS기반의 장비와 터치 기반의 제스처가 제공되는 사파리에서 유일하게 동작합니다. 여기서 시작 ...
-
2011년 6월 21일 당신의 사이트를 html5 모바일 사이트로 바꾸세요!
원문 : “Mobifying” Your HTML5 Site 번역 : bellamy.chang([email protected] , izect.kr) 들어가며 요즘 모바일 웹 개발은 화재입니다. 스마트폰이 PC보다 더 많이 팔리게 되면서 더 많은 사용자들이 모바일 장치를 통해 웹서핑을 하고 있고 이것은 개발자들에게 그들의 사이트를 모바일 웹 브라우저에 맞추게 되는 중요한 원인을 제공할 것입니다. “모바일” 전장은 아직 수 많은 개발자들의 미지의 물과도 ...
-
2011년 6월 21일 멀티터치 웹 브라우저에서의 개발
원문 : Developing for Multi-Touch Web Browsers 번역 : bellamy.chang([email protected] , http://izect.kr) 들어가며 스마트폰이나 타블렛 같은 모바일 장치들은 보통 유저의 손가락을 통한 전기적 터치를 스크린을 통해 감지합니다. 모바일 웹이 더욱더 애플리케이션에 점점 가까워 질수록 웹 개발자들은 이러한 터치 이벤트를 다루는 것이 필요합니다. 에를 들어, 가까운 어떤 빠른 페이스의 게임이 플레이어에게 여러 버튼을 ...
-
2011년 5월 31일 웹앱을 만들며 배우는 HTML5 – 강의에 들어가기 앞서..
즐거운 6월입니다. 일전에 말씀드린대로 아이젝트 랩에서는 요즘 html5에 대한 관심이 너무나도 깊기 때문에.. 강의를 한번 써보기로 마음 먹었습니다! 물론 잘 쓸수나 있을 것이냐라는 엄청난 걱정이 물밀듯 앞서고 있긴 하지만.. 그래도 생판 처음부터 끝까지 제가 다 기획하고 만드는 건 아니니깐요 ^^ 본 강의는 오레일리사의 인터넷 강의인 “HTML5 Mobile Web Development” 를 ...