소스포지에서 제공되는 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 ***

코드이그나이터(이하 CI)는 PHP를 이용하여 웹사이트를 구축하고자 하는 사람들을 위한 개발 프레임 워크 입니다. CI 는 날코딩 하는 분들을 위해 풍부한 라이브러리,쉬운 인터페이스 및 쉬운로직을 제공함으로써 개발속도를 무쟈게 높혀드릴것입니다. CI는 님들이 최소한의 코딩만 하도록 하여 프로젝트에 집중할수 있도록 해드릴거예요.

* 공식 사이트 : http://codeigniter.com/

* 다  운  로  드 : http://codeigniter.com/downloads/

* 한국사용자포럼 : http://www.cikorea.net/

코드이그나이터는 바로 이런 여러분 모두의 것입니다:

• 최소노력으로 사용할수있는 프레임워크를 원한다.
• 놀라운 프로그램 성능을 원한다.
• 다양한 호스팅환경,다양한 PHP 버전에서 사용가능한 호환성을 원한다.
• 거의 설정이 필요없는 프레임워크를 원한다.
• 커맨드라인에서 뭔가를 입력할 필요가 없는 프레임워크를 원한다.
• 제한적인 코딩 규칙이 없는 프레임워크를 원한다.
• PEAR 같이 큰 라이브러리를 별로 좋아하지않는다.
• 템플릿 언어를 억지로 배우고싶지 않다.
• 복잡한것 대신 심플한 솔루션을 좋아한다.
• 명확하고 전체내용을 몽땅다설명해주는 설명서를 원한다.

Guava 라이브러리는 구글에서 서비스하는 자바프로젝트에 기본적으로 사용되는 Core 라이브러리로 웹,안드로이드 플랫폼, GWT등등에 사용되고 있다.

모바일 프레임워크 비교 사이트

http://www.markus-falk.com/mobile-frameworks-comparison-chart/

네이티브앱을 만들기만 하던 시대를 지나 이젠 웹으로 앱을 만드는게 보편화 되어버린 시대로 도달했다.

하이브리드앱은 이미 많은 검증을 거쳤고, 상용화되서 시장을 점유하고 있는것이 사실이다.

대표적인 앱제작플롯폼으로 "폰갭(http://phonegap.com/)"을 들 수 있다.

폰갭,앱스프레소, 티타늄들 많이 있지만, 폰갭이 가장 간단하고 사용하기 좋은거 같다. 

자바스크립트를 이용한 처리가 작년만 해도 느렸지만, 하드웨어 성능도 향상되고, 자바스크립트 엔진 성능도 향상되어 지금은 네이티브 API를 사용하는것을 거의 따라잡았다고 볼 수 있다.

오프라인에서는 HTML5 캐시 또는 Web Storage 기능등이 있기때문에 온라인이 아니더라도 일반적인 정보를 보여줄 수 있게되었다. (Web Storage, Web SQL DB, IndexedDB ) 캐시 기능은 문제가 캐시가 잘 변경이 되지 않는다는 단점이 있긴 하지만. 오프라인에서도 화면을 잘 보여준다. 서버 셋팅만 잘 해두었다면 말이다.

HTML5 application Cache

What is Application Cache?

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:

1. Offline browsing - users can use the application when they're offline
2. Speed - cached resources load faster
3. Reduced server load - the browser will only download updated/changed resources from the server

Browser Support

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.갱신이 되어있어도 일단 캐시를 불러오고, 백그라운드로 업데이트를 한다.

   그래서, 갱신해도 처음에는 이전 캐시를 보여주고 새로고침을 한번 더하거나 하면 갱신된 내용을 보여준다.

웹이 발전하는것은 결국 사용자 편의성을 위한 것이지, 어떤 특정한 기술로 인해 편의성을 져버린다면 그 서비스는 퇴화될것이다 .

Graph API http://developers.facebook.com/docs/reference/api/

RestFB is a simple and flexible Facebook Graph API and Old REST API client written in Java.
It is open source software released under the terms of the MIT License.

Download

Version 1.6.9 (released October 21, 2011) of the library is available via Google Code.
View the changelog, or download it here.

The project zip contains sample code in the source/examples directory which can help you get up and running quickly.

If you're using Maven, it's easy to integrate RestFB with your project:

<dependency>
  <groupId>com.restfb</groupId>
  <artifactId>restfb</artifactId>
  <version>1.6.9</version>
</dependency>

fHalo is a Java Facebook Graph API framework.   http://fhalo.org/tutorial.html

This tutorial will guide you through the key steps to use fHalo framework.

• Step 1: Import fHalo.jar
• Step 2: Get access token
• Step 3: Create instance
• Step 4: Using API

　　　　　- 1. Get object information (e.g., user, page ..)

　　　　　- 2. Get connection information (e.g., friends, feed ..)

　　　　　- 3. Publish feed friend's timeline

　　　　　- 4. Delete object

　　　　　- 5. Search object

　　　　　- 6. Search object by FQL (see FQL documentation)

　　　　　- 7. Like object

　　　　　- 8. Upload photo

　　　　　- 9. Checkin the place

Building a “Coming Soon” Page With HTML and LESS

HTML Markup

We’ll begin by firing up Espresso (though you can obviously use whichever code editor you prefer) and setting out some markup.

LESS Styling

Now let’s see about slicing up our PSD and styling the markup we’ve laid out. As already mentioned, we’ll speed up the whole process by using LESS with LiveReload.