반응형
반응형

Zepto Builder: A web based Zepto customizer

zeptobuilder

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 에서 화면 확인.

 

.

 

반응형
반응형

Install Ubuntu 13.10

 

http://www.ubuntu.com/download/desktop/install-desktop-latest

 

 

반응형
반응형
How To Dual Boot OS X and Linux

 

 

맥북 프로에 linux 설치하기

https://scottlinux.com/2011/06/14/how-to-dual-boot-os-x-and-linux/

How To Dual Boot OS X and Linux

Published on June 14, 2011, by +in linux, osx.




How to dual boot OS X and Linux. Works on any Intel Mac with any version of Linux!

Note: rEFIt does not work with 10.7 Lion yet (step 4). Wait for an rEFIt update before attempting on a 10.7 machine.

반응형
반응형

CHROME ADD-INS/EXTENSIONS

"Tomorrow is 11/11/11, not 11/11/11. Bloody Americans." - Laurentme0w

 

반응형
반응형

Lazy Load XT: A jQuery plugin for images and more

lazyload

 

Lazy load XT is a jQuery plugin for images, videos and other media

http://ress.io/lazy-load-xt-jquery/

 

Lazy Load XT jQuery plugin


Table of Contents

About

Mobile-oriented, fast and extensible jQuery plugin for lazy loading of images/videos with build-in support of jQueryMobile framework.

Currently tested in IE 6-11, Chrome 1-31, Firefox 1.5-27.0, Safari 3-7, Opera 10.6-18.0, iOS 5-7, Android 2.3-4.4, Amazon Kindle Fire 2 and HD 8.9.

Required jQuery 1.7+ or Zepto 1.0+.

 

 

반응형

+ Recent posts