| URI - The What, Why and How of Data URIs in Web Design (0) | 2012.10.02 |
|---|---|
| [IOS6] iOS6 SAFARI BUG (iOS6 사파리 버그 - AJAX, SPINNING, ...) (0) | 2012.09.26 |
| [HTML5] Drag and drop a folder onto Chrome now available (0) | 2012.09.24 |
| [HTML5] Integrating input[type="file"] with the Filesystem API (0) | 2012.09.24 |
| http://developers.facebook.com/mobile/ (0) | 2012.09.11 |
소스포지에서 제공되는 HTML5 관련 이슈들~ http://html5center.sourceforge.net/
CSS3 - http://html5center.sourceforge.net/Build-Awesome-Apps-with-CSS3-Animations
Game - http://html5center.sourceforge.net/Bringing-Cut-the-Rope-to-Life-in-an-HTML5-Browser
Geolocation - http://html5center.sourceforge.net/12-Cool-HTML5-Geolocation-Ideas
*** http://david.blob.core.windows.net/html5/css3atat/index.htm ***
| RTSP (real time streaming protocol) (0) | 2012.08.24 |
|---|---|
| [HTML] 마이크로 포멧 (0) | 2012.08.20 |
| [PHP] 코드이그나이터 CodeIgniter (1) | 2012.08.13 |
| guava-libraries (0) | 2012.08.09 |
| 모바일 프레임워크 비교 사이트 (0) | 2012.08.09 |
네이티브앱을 만들기만 하던 시대를 지나 이젠 웹으로 앱을 만드는게 보편화 되어버린 시대로 도달했다.
하이브리드앱은 이미 많은 검증을 거쳤고, 상용화되서 시장을 점유하고 있는것이 사실이다.
대표적인 앱제작플롯폼으로 "폰갭(http://phonegap.com/)"을 들 수 있다.
폰갭,앱스프레소, 티타늄들 많이 있지만, 폰갭이 가장 간단하고 사용하기 좋은거 같다.
자바스크립트를 이용한 처리가 작년만 해도 느렸지만, 하드웨어 성능도 향상되고, 자바스크립트 엔진 성능도 향상되어 지금은 네이티브 API를 사용하는것을 거의 따라잡았다고 볼 수 있다.
오프라인에서는 HTML5 캐시 또는 Web Storage 기능등이 있기때문에 온라인이 아니더라도 일반적인 정보를 보여줄 수 있게되었다. (Web Storage, Web SQL DB, IndexedDB ) 캐시 기능은 문제가 캐시가 잘 변경이 되지 않는다는 단점이 있긴 하지만. 오프라인에서도 화면을 잘 보여준다. 서버 셋팅만 잘 해두었다면 말이다.
HTML5 introduces application cache, which means that a web application is cached, and accessible without an internet connection.
Application cache gives an application three advantages:
Application cache is supported in all major browsers, except Internet Explorer.
* 일단 서버에서 manifest 타입이 웹에서 활성화 되어야 한다.
contentType = "text/cache-manifest" 이 적용되어야 한다.
(contentType만 맞추면 jsp 파일로 구현가능하다. )
1. manifest 파일에 애플리케이션 캐시정책이 기록되어 있다.
- 어떤 파일을 캐시할지, 오프라인에서 어떤 파일을 보여줄 것인지 등등
2. 처음 화면 접속시 manifest 파일의 내용을 캐시를 해둔다.
3.두번째 부터는 manifest 파일이 갱신되지 않았으면 캐시를 불러온다.
4.갱신이 되어있어도 일단 캐시를 불러오고, 백그라운드로 업데이트를 한다.
그래서, 갱신해도 처음에는 이전 캐시를 보여주고 새로고침을 한번 더하거나 하면 갱신된 내용을 보여준다.
웹이 발전하는것은 결국 사용자 편의성을 위한 것이지, 어떤 특정한 기술로 인해 편의성을 져버린다면 그 서비스는 퇴화될것이다 .
| guava-libraries (0) | 2012.08.09 |
|---|---|
| 모바일 프레임워크 비교 사이트 (0) | 2012.08.09 |
| RestFB , fHalo - 페이스북 그래픽 API Explorer (0) | 2012.08.08 |
| Apache Commons Library - http://commons.apache.org/ (0) | 2012.08.07 |
| Building a “Coming Soon” Page With HTML and LESS (0) | 2012.07.26 |
Web Worker는 현재 페이지에 영향을 주지 않고, 백그라운드로 자바스크립트를 실행한다.
http://www.w3schools.com/html5/html5_webworkers.asp
| Apache Commons Library - http://commons.apache.org/ (0) | 2012.08.07 |
|---|---|
| Building a “Coming Soon” Page With HTML and LESS (0) | 2012.07.26 |
| [Style] Metro Style, Play Framework, ruby on rails, Socialbakers, appData (0) | 2012.07.09 |
| HTML5 - 웹소캣 Connectivity (0) | 2012.05.02 |
| 크로스 플랫폼 개발환경 - 웹앱?! (0) | 2012.05.01 |
More efficient connectivity means more real-time chats, faster games, and better communication. Web Sockets and Server-Sent Events are pushing (pun intended) data between client and server more efficiently than ever before.
| [HTML5] Web Worker (0) | 2012.07.13 |
|---|---|
| [Style] Metro Style, Play Framework, ruby on rails, Socialbakers, appData (0) | 2012.07.09 |
| 크로스 플랫폼 개발환경 - 웹앱?! (0) | 2012.05.01 |
| HTML5 offilne cache (0) | 2012.04.27 |
| Ajax 에서 Cache가 나를 괴롭힐때~ (0) | 2012.04.18 |
인터넷에 연결 되어 있지 않더라도 웹 어플리케이션을 실행 할 수 있도록
* Application Cache 지원여부 확인
if (window.applicationCache) {
console.log("지원함");
} else {
console.log("지원안함");
}
Window.applicationCache.status 를 확인하면 현재 캐쉬의 상태를 알 수 있다. 다음과 같이 6개의 상태값을 가질 수 있다. 각 상태값은 applicationCache 에 대문자로 된 상수로 선언되어 있다.
if ( window.applicationCache.status == window.applicationCache.UPDATEREADY) { // 작업진행 }
| HTML5 - 웹소캣 Connectivity (0) | 2012.05.02 |
|---|---|
| 크로스 플랫폼 개발환경 - 웹앱?! (0) | 2012.05.01 |
| Ajax 에서 Cache가 나를 괴롭힐때~ (0) | 2012.04.18 |
| [Mobile Web] 텍스트 입력창에서 자동고침/자동완성/자동대문자 기능 OFF (0) | 2012.04.16 |
| 브라우저의 User-Agent를 바로 확인하고 싶다면~ (0) | 2012.03.26 |
