Headroom.js

Give your pages some headroom. Hide your header until you need it.

Headroom.js: Hide your header till you need it

Headroom.js: Hide your header till you need it

Grasp: Search and replace JavaScript based on structure

Slip.js — UI library for manipulating lists via swipe and drag gestures

Slip.js: Simple touch screen list re-ordering

Koa: A next-gen Node.js web framework

Expressive middleware for node.js using generators

Expressive middleware for node.js using generators via co to make web applications and APIs more enjoyable to write. Koa's middleware flow in a stack-like manner allowing you to perform actions downstream, then filter and manipulate the response upstream. Koa's use of generators also greatly increases the readability and robustness of your application.

Only methods that are common to nearly all HTTP servers are integrated directly into Koa's small ~400 SLOC codebase. This includes things like content-negotiation, normalization of node inconsistencies, redirection, and a few others.

No middleware are bundled with koa. If you prefer to only define a single dependency for common middleware, much like Connect, you may use koa-common.

Installation

$ npm install koa

To use Koa you must be running node 0.11.9 or higher for generator support, and must run node(1) with the --harmony flag. If you don't like typing this, add an alias to your shell profile:

alias node='node --harmony'

Another option, if you would like to use koa with node 0.10.x (the current stable branch), or are tired of typing the --harmony flag, is to use gnode to spawn your node instance. However note that performance degrades quickly compared to 0.11.x.

Community

• API documentation
• Examples
• Middleware list
• Wiki
• G+ Community
• Mailing list
• Guide
• FAQ
• #koajs on freenode

Zepto Builder: A web based Zepto customizer

Zepto Builder will let you generate a custom version of Zepto that just includes the modules you need.

Getting started

After cloning (or downloading) the repo you must run npm install to fetch all dependencies, when this is done all Bower packages will automatically be downloaded and a browser build of Uglify will be created. Needless to say, for this to work you will need to have Node.js and Bower installed on your machine.

Grunt task

Grunt is used to create a distribution build. By running the default Grunt task it will optimize all resources and store them in the dist folder. The files located in this folder are prepared to be uploaded / deployed as is.

Under the hood

So, how does this tool actually work? Well, altough Zepto offers a CLI-based build tool I have decided to make it client-side only, based on DownloadBuilder. The process from selecting the modules to actually generating the build (and minify it) is:

• all available Zepto module metadata (i.e. name, size and URL) is dynamically fetched from GitHub and cached (for now this is session based);
• the module descriptions are mapped via a static JSON file (assets/json/modules.json) and are shown when hovering the table rows;
• based on ones selection the modules will be fetched from GitHub and concatenated by DownloadBuilder
• the minification process is handled by a browser build of Uglify

ExtJS4 MVC 설치하기

1.Download Sencha Ext JS
http://www.sencha.com/products/extjs/download/

2.Download Sencha Cmd
http://www.sencha.com/products/sencha-cmd/download/
C:\Sencha 에  Extjs4 라이브러리를 압축해제해서 옮긴다.

설치할때 디렉토리 선택에서 C:\만 선택하면 Sencha 폴더 생기면서 거기에 알아서 설치된다.

설치완료 후 확인은 명령프롬프트 창을 열고 "sencha"명령을 실행해서 아래와 같이 나오면 설치가 잘 된것이다.

다운로드 받은 Extjs4 파일은 C:\Sencha 폴더로 이동한다.

3.ruby 다운로드 ( Sencha cmd에서는 1.8~1.9버전만 지원한다. )

테마 컴파일을 하기위해서 ruby를 다운로드 받는다.
http://rubyinstaller.org/downloads/

빌드 과정에서 테마를 위판 sass컴파일용 compass를 설치하자.
C:\Sencha>gem install compass

혹여 윈도우 7에 경우 정상적으로 설치 되지 않는 경우가 있는데 이때는 아래 사이트를 참고하여 수동으로 compass를 설치할 수 있다.
http://awordpress.net/install-sass-compass-manually-windows/

 해당 Ruby 설치 폴더에 가서 gem을 실행해라. 아니면 path를 설정하든지

4.애플리케이션 생성

아래 명령을 실행하여 waniMvc라는 애플리케이션을 생성하자.
C:\Sencha> sencha -sdk C:\Sencha\ext-4.2.1.883 generate app waniMvc c:\Sencha\waniMvc

4.웹서버 실행 

아래 명령을 실행하여 웹서버 실행.
C:\Sencha> sencha  fa web -port 8000 start -map C:\Sencha\waniMvc

http://localhost:8000 에서 화면 확인.

.