HTML5

Native App 에 도전장을 내민 Fastbook 을 소개 합니다.

Native App 에 도전장을 내민 Fastbook 을 소개 합니다.

얼마전 마크 주커버그가 HTML5 전망은 밝지만 아직 이라고 했지요. HTML5 wasn`t ready. 이 의견에 Sencha Inc. 가 반박 하는 군요. 오죽하면 HTML5isReady.com 도메인 까지 준비하면서 말입니다. HTML5를 정말 사랑하는 Sencha 에서는 그렇지 않다는 것을 증명하고 싶었나 봅니다. 사실 HTML5를 WebView 방식으로 서비스 했던 Facebook 앱은 성능이 좀 의심스러웠습니다. Facebook 이라면 기술력에서  뛰어날 것 같은데… List […]

Adobe Shadow 를 소개합니다.

Adobe Shadow 를 소개합니다.

작년말에 Adobe 가 Nitobe를 인수했죠. 그러면서 Nitobe가 가지고 있던 PhoneGap 을 얻게 되었는데요. PhoneGap 프로젝트 중에 weinre (Web Inspector Remote)라는 원격디버깅툴이 있습니다. Adobe에서 이것을 이용해서 잼있는 것을 만들었네요. weinre와 PhoneGap은 현재 Apache 재단으로 들어 갔습니다. weinre 의 단점이 설치와 사용법이 좀 까다롭다는 것인데요. 현재 버전에서는 Node.js도 설치해야 하고, Command Line 명령으로 npm도 돌려야 하는데요 아래 […]

[jQuery Plugin] CSS3와 jQuery 로 이뤄진 깔끔한 달력입니다

[jQuery Plugin] CSS3와 jQuery 로 이뤄진 깔끔한 달력입니다

안녕하세요. 꺽달이 김종광입니다. CSS3 와 jQuery 로 만들어진 깔끔한 달력을 소개해 드립니다.   URL : http://www.jepija.com/blog/a-clean-calendar-in-css3-jquery/ 보시면 아시겠지만, 스케줄을 지원합니다. 해당 주차를 클릭하면 화면이 벌어지면서(Accodion 효과) 일어나면서 일자별 스케줄이 표시되는데요. 디자인도  깔끔하고 군더더기 없는 구성입니다. (jQuery UI 의 Accodion 컴포넌트를 수정해서 적용 했답니다.) 스케줄을 넣을 때는 class=”xxxx l1″ 이렇게 ‘l1’ 하면 1시간 짜리고요. class=”xxxx l3″ 이건 […]

갤럭시 노트에서의 Sencha Touch 실망이군요

갤럭시 노트에서의 Sencha Touch 실망이군요

갤럭시 노트 잠시 봤는데, 탐나더군요 화면과 해상도가 커졌는데요 5.3인치에 1280 x 800 HD 해상도 입니다. ( 제 맥북 해상도와 같네요…;;; ) 단순히 화면이 커진 스마트폰이 아니라 정말 쓰임세가 늘어났더군요. 그동안 스마트폰에서 하지 못했던 Layout 구성도 가능해졌고요. 그야말로 신세경… ( 마치 아이폰과 아이패트 정도의 차이… )   문뜩 의문이 들었습니다. “1280 x 800 해상도에서 CSS3 Animation 들이 […]

jQuery Plugin – HTML5 Uploader

jQuery Plugin – HTML5 Uploader

G-Mail 사용 하시다 보면 File 첨부하는 기능이 무척이나 편리한데요 이것을 아는 분이 그리 많지는 않더라는… 여러 파일을 첨부 하실 때, 그냥 탐색기에서 여러개 파일을 드래그앤 드랍 하시면 G-Mail 에 첨부 됩니다. 같은 기능이 okjsp.pe.kr 의 HTML5 버전에도 구현되어 있는데요 제작년도에 이 기능을 만들때만 해도 엄청 고생했던 기능입니다. (브라우저마다 Drag&Drop 관련 세부적인 명령어가 달라서 결국 Webkit […]

Windows Phone 의 UI를 CSS3 로 구현한 모습

Windows Phone 의 UI를 CSS3 로 구현한 모습

요즘 UI/UX 에 빠져서 살고 있습니다. 사용자 입장에서는 별거 아닌 것 같지만 UI/UX 가 나쁘면 사용하지 않는 것도 또한 사용자 입니다.   MS 의 Windows Phone 에 적용된 UI 가 기존에 없던 형식 입니다. 새로운 것을 창조해낸 것이죠. 박수를 보낼만 합니다. 이것을 볼 수 있는 방법은 Windows Phone 을 쓰는 것 뿐이었는데, 고맙게도 CSS3로 구현을 […]

HTML5 기술 어디까지 왔나! 게임을 통해 알아보자 – EmberWind

HTML5 기술 어디까지 왔나! 게임을 통해 알아보자 – EmberWind

기술을 이야기 할 때, 그 기술의 정점은 항상 게임이 차지하곤 했다. 게임은 강력한 하드웨어 가속과 그래픽, 로직, 사운드, 반응성 등 어느것 하나 소홀 할 수 없기 때문이다. 그래서, 게임이야 말로 그 기술의  능력을 설명하는 척도가 된다. Opera의 Erik Möller 가 만든 EmberWind 라는 게임을 소개 한다. 이 게임은 HTML5 과 WebGL 기술을 사용하였다. 텍스트 렌더링을 위해 Google […]

Playboy 가 HTML5 로 가는 이유.

Playboy 가 HTML5 로 가는 이유.

HTML5 개요에 대해 교육할때 항상 Apple 과 Google이 HTML5로 가는 이유에 대해 설명하곤 했다. 그런데 예제를 하나 더 추가해야겠다… 바로 Playboy 이다. Playboy는 자사의 잡지를 iPad 에서 보이게 하고 싶어 했다. iPad 는 Playboy 입장에서 보면 정말 훌륭한 디스플레이 기기였기 때문이다. ( 사진 뿐 아니라, 잡지와는 달리 동영상도 가능하지 않은가…;;; ) 그런데, 이는 애플의 앱 […]

저의 HTML5 Bookmark 공개

– 저의 HTML5 Bookmark 공개 – * HTML5 처음 배우려는데 어떻게 해야 하나요? – http://html5rocks.com 에서 [Presantation] 부분만 보세요. 약 1시간 걸립니다. – slides.html5rocks.com * HTML5 지원 브라우저 검색 – http://caniuse.com * 트위터 팔로우 하고 싶어요!! – @jongkwang , @w3labskr – jongkwang@w3labs.kr – jongkwang.com * HTML5 상세 문법이나 API 를 샘플과 함께 보고 싶어요 – […]

CSS2.1 표준 제정이 이제야 되었습니다. CSS2.1 W3C Recommendation.

CSS2.1 표준 제정이 이제야 되었습니다. CSS2.1 W3C Recommendation.

HTML5 교육하며서 많이 듣는 질문 중에 하나가 “HTML5 표준제정되려면 멀었는데 지금 해서 뭐하나요?” 그럴때 마다 이렇게 대답했다 “여러분이 쓰시는 CSS2.1도 아직 Recommendation 된 것이 아닙니다. 하지만 잘쓰고 계시쟎아요 아주 오래전부터” 그.러.던.것.이… 덜컥 Recommendation 되어 버렸다.  URL : http://www.w3.org/TR/2011/REC-CSS2-20110607/ 저기 보이는가 “W3C Recommendation 07 June 2011” CSS2.1 제정을 위해 많은 분들이 고생 하셨을텐데, 오늘은 참으로 감격스러운 날 일 […]