[SERI] 중국의 4大 변화상과 기업의 대응

http://www.seri.org/db/dbReptV.html?menu=db02&pubkey=db20120724001

핀트레스트 같은 효과?!  욱마트 wookmark.com

http://www.wookmark.com/jquery-plugin

10개의 신선하고 유용한 jQuery 플러그인

http://webdesignledger.com/freebies/10-fresh-and-useful-jquery-plugins-2

There are many reasons why you can say jQuery has enormous popularity. Some might say it’s because of its excellent cross browser compatibility, while others will argue that the small footprint is responsible for jQuery’s widespread adoption. While these are valid points, no one can deny that all of the great plugins built by a very passionate community is a big reason as well. So for this post we’ve gathered some of the latest jQuery plugins to be released. In this list you will find some very useful ones that will help you with things like layout, typography, and more.

Jquery Transit

Super-smooth CSS3 transformations and transitions for jQuery — v0.1.3

Pageslide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane.

stellar.js

Parallax has never been easier.

Get turn.js

Is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

jQuery Scroll Path

Glisse.js

Glisse.js is a simple, responsive and fully customizable jQuery photo viewer. You’ll like the transitions between two pictures entirely assumed by CSS3.

The Wookmark jQuery plugin

The Wookmark plugin detects the size of the window and automatically organizes the boxes into columns. Resize your browser to see the layout adjust. Note how the columns are approximately of equal height.

SlabText

A jquery plugin for producing big, bold and responsive headlines.

Morris.js

Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

HiddenPosition

Position any element to any element, even if they are hidden

Related Posts

Here's some other articles that you will definitely find useful.

12 Fresh and Free UI PSDs

11 Free Online Books for Web Designers

10 Excellent New Free Fonts

8 Beautiful New Free Fonts

15 High Quality PSD’s that You’ll Actually Use

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

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

대표적인 앱제작플롯폼으로 "폰갭(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.갱신이 되어있어도 일단 캐시를 불러오고, 백그라운드로 업데이트를 한다.

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

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

iCloud는 파일동기화서비스이다.

클라우드 데몬이 클라우드 폴더를 관리하고, APP에서 데이터를 동기화 한다.

dropbox나 Ucloud 나 거의 비슷하다.

파일 동기화를 위해서 상호배제가 되어야 하는데, 그래서 사용되는 것이 NSFileCoordinator다.

NSFileCoordinator는 한 파일에 동시에 다수의 접근을 차단한다. 한번에 하나씩 변경이되어야 하기때문이다. 

APP에 저장되어 있는 데이터의 상태가 변경이 되는것은 NSMeta Query로 조회해서 확인한다. 

NSMeta Query로 파일을 조회하고, NSCoordinator로 권한을 획득한 후 NSFile Manager로 파일을 조작한다.

https://developer.apple.com/icloud/index.php

NSMEtadataItem reference - http://goo.gl/G4hFM

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