반응형
자바스크립트 차트

http://www.humblesoftware.com/flotr2/index


http://www.humblesoftware.com/flotr2/
반응형
반응형
$2
웹 클라이언트의 명시적인 요청이 없어도 서버에서 클라이언트로 데이터를 밀어넣는 (Push) 방식으로 동작하는 웹 프로그래밍 모델을 일컫는 말.

$2
http://ohgyun.com/231

$2
http://corund.net/blog/entry/Comet%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC 
(Jetty, Tomcat, Resin)

$2
$2
$2
$2
$2
$2
$2
반응형

'프로그래밍 > Web' 카테고리의 다른 글

브라우저의 User-Agent를 바로 확인하고 싶다면~  (0) 2012.03.26
자바스크립트 차트  (0) 2012.03.05
Manifest File 생성하기  (0) 2012.03.02
REST , RESTful  (0) 2011.12.09
[크롬] 모바일 사이즈로 확인해보기  (0) 2011.12.07
반응형

http://www.html5rocks.com/en/search?q=cache+manifest

manifest 파일은 어플리케이션 캐시에 다운로드 되고 저장되어 질 HTML, JavaScript, CSS, 이미지 파일들과 같은 리소스들을 기술한다. 웹 페이지가 첫 번째로 로딩이 된 후 부터 , manifest 파일에 기술되어진 리소스 파일들은 웹 서버가 아닌 application cache에서 획득되어 진다.

manifest 파일은 다음과 같은 속성들을 가지고 있다:

  • MIME-Type이 text/cache-manifest와 같이 제공되어야 한다.
  • 첫 번째 줄에는 CACHE MANIFEST라는 텍스트를 포함하고 있어야 한다.
  • 그 다음 줄들은 캐시할 각각의 리소스의 URL이나 주석을 포함하고 있다.
  • 주석문들은 # 문자로 시작하고 한 줄로 와야한다.
  • URL들은 로컬에 캐시로 다운로드를 원하는 리소스에 대한 파일 경로이다. 파일 경로는 manifest 파일에 대한 상대,절대경로로 표현되어야 한다 —CSS에서 사용되는 파일 경로와 유사
  • manifest 는 반드시 온라인일 시에 접근해야 하는 모든 외부 리소스들에 상응하는 접두어를 포함하고 있는 whitelist를 선언하야 한다. 이 whitelist는 그 자신이 한 줄을 구성하는 NETWORK:라는 식별자와 함께 시작한다.
    또한 network 엔트리 뒤에 그 자신이 한 줄을 구성하는 CACHE:라는 식별자를 삽입함으로써 추가적인 cache 엔트리를 선언할 수 있다.

    만 약 원한다면 manifest는 fallback 섹션들을 둘 수 있다. 이 섹션들은 FALLBACK: 이라는 식별자와 시작할 수 있고, 두 개의 URI들을 포함하고 있는 연속되는 타이들을 포함하고 있다. 두 번째 URI는 브라우져가 첫 번째 URI에 접근하지 못할 때 사용한다. URI들은 반드시 둘 다 manifest 그 자신과 같은 origin을 가지고 있어야 한다. 두 개의 URI 모두 부분적인 경로(partial URIs)만 포함한다.(prefixes);
    예를 들어 아래 예제는 만약 /files/projects 가 찾아지지 않는다면, 클라이언트는 다시 /files/projects/를 /projects로 대체해서 찾는다

FALLBACK:

/files/projects /projects

  • "Manifest 파일 선언하기"에 설명 되어진 대로, manifest파일을 선언한 HTML 파일은 자동적으로 application cache에 포함되게 된다. 당신은 그것을 manifest 파일에 추가할 필요가 없다.
반응형

'프로그래밍 > Web' 카테고리의 다른 글

자바스크립트 차트  (0) 2012.03.05
Comet 이란  (0) 2012.03.02
REST , RESTful  (0) 2011.12.09
[크롬] 모바일 사이즈로 확인해보기  (0) 2011.12.07
크롬에서 json데이터 볼때 설치하시오~ 어디? 크롬에다가~  (0) 2011.11.30
반응형
http://www.ibm.com/developerworks/kr/library/tutorial/j-rest/section2.html

REST란 무엇인가?

REST는 메시지라기보다는 이름이 부여된 자원, 예를 들어 URL(Uniform Resource Locator), URI(Uniform Resource Identifier), URN(Uniform Resource Name)과 같은 형태로 된 자원에 의존하는 느슨하게 결합된 웹 애플리케이션을 디자인하는 한 형식이다. 엄밀히 말해 REST는 이미 웹에서 검증되었고 성공적인 인프라스트럭처라 할 수 있는 HTTP에 올라탄 형태로 HTTP를 잘 이용하고 있다. 즉 REST는 GETPOST 요청과 같은 HTTP의 단면들을 이용했다고 할 수 있다. 이같은 요청들은 표 1에 보인 것처럼 생성(create), 읽기(read), 갱신(update), 삭제(delete) 즉 CRUD라는 표준 비즈니스 애플리케이션의 요구 조건에 꽤나 잘 맞아 떨어진다.


반응형
반응형
http://mooki83.tistory.com/2656510

http://cafe.naver.com/webappdev/12105
영문사이트 볼 때 유용할 수도 있는 네이버 영어사전 북마클릿입니다. - linkuco님

linkuco님의 스크립트를 보고
'앗, 이거다!' 힌트를 얻어서 급 만들게 된 스크립트.

크롬에서만 테스트 해봤지만 잘 돌아가는 것을 확인하였다.

추가하는 방법은 $2해주면 된다.

320 - MobileView(340/480)
480 - MobileView(500/320)
786 - MobileView(806/1024)
1024 - MobileView(1044/768)
Custom - MobileView

총 5가지 버전이며
스크롤바를 고려해서 써있는 넓이보다 + 20px씩 더 들어가있다.

다음에는 .. .뭐를 만들어보지?

덧.
user-agent는 고려되어 있지 않기 때문에 모바일로 특화된 페이지는...
user-agent 변경하는 것을 사용해야한다.
(흠.. 관련 자료도 포스팅해야지)
반응형
반응형
크롬으로 jSon 데이터 볼때 사용하자.
https://chrome.google.com/webstore/detail/ahdjpgllmllekelefacdedbjnjaplfjn?hl=ko
반응형

'프로그래밍 > Web' 카테고리의 다른 글

REST , RESTful  (0) 2011.12.09
[크롬] 모바일 사이즈로 확인해보기  (0) 2011.12.07
[WEB] Sencha Touch Touch Charts Mobile HTML5 Charts  (0) 2011.08.30
[HTML5] HTML5 API의 기능  (0) 2011.08.21
[HTML5] Web Worker  (0) 2011.08.21
반응형

Touch Charts Mobile HTML5 Charts

Sencha Touch Charts works on today's best mobile touchscreen devices.


Rich, interactive charts built in HTML5 and optimized for mobile.

Watch Video Build interactive, easy-to-use radar, bar, line, stacked, and pie charts. Visualizing rich data on the mobile web has never been easier.

View Sencha Touch Charts Demos

Groundbreaking Interactivity

Groundbreaking Interactivity Sencha Touch Charts breathes new life into your data and utilizes hardware acceleration for optimized performance. With natural gestures in Sencha Touch Charts, visualizing and understanding complex datasets is effortless. Pinch-to-zoom, swipe-to-pan across data, and tap for deep dives. Data flows come to life with every tap, pinch, and swipe.

Built with Web Standards

Built with Web Standards Sencha Touch Charts uses HTML5 capabilities like Canvas elements for drawing and CSS3 for styling, delivering the highest performance and richest experience in today’s mobile web browsers. All touch events use Sencha Touch’s sophisticated events and gesture system which is optimized for modern mobile web browers.

Built for Sencha Touch

Built on top of our industry-leading mobile web app framework, Sencha Touch Charts is now available to buy as a commercially licensed, $99 add-on to Sencha Touch. Open Source Sencha Touch developers will be able to use Sencha Touch Charts free of charge under the terms of the GPLv3 license. Sencha Touch Charts is compatible with Sencha Touch 1.1 and above.

Buy Sencha Touch Charts Learn more about Sencha Touch

  • Pan
  • Rotate
  • Zoom
  • Highlight
  • Reset
  • Combine
반응형
반응형

HTML5 기초, Part 3: HTML5 API의 기능

출처 : http://www.ibm.com/developerworks/kr/library/wa-html5fundamentals3/index.html#web-workers
 HTML5는 웹과 클라우드에서 현재 독자가 비즈니스를 하는 방식 면에서 획기적인 변화를 반영합니다. 이 기사는 HTML5의 변화에 대한 관심을 끌기 위해 구성되었으며 총 네 파트로 소개되는 시리즈 중 세 번째 파트입니다. 새 태그와 페이지 구성을 시작으로, 웹 페이지 설계에 대한 높은 수준의 정보, 양식의 작성, API의 사용 및 가치, 마지막으로 Canvas가 제공하는 창의적인 기회를 제시합니다. 이번 기사에서는 함수를 시연하는 예제 페이지를 사용하여 HTML5 API를 소개합니다.

목차


반응형

+ Recent posts