반응형
반응형

Twittstrap — Powerful front-end framework based on Bootstrap

twittstrap

 

반응형
반응형
https://github.com/sdeering/gumby2-backbone-bootstrap

 

Gumby2 Backbone Bootstrap

I have created a new repo which combines Gumby2 CSS Framework with Backbone.js.

Barebones Demo

Why Gumby2?

* Gumby2 has awesome touch event support.
* Gumby2 is powered by SASS.
* more -> 

Why Backbone?

* Speed, it supercharges your web app.
* Data, Logic and View separation.
* Dynamic template loading and execution.
* more -> 

Features:

* Gumby2 Framework - Bootstrap UI, SASS, HTML5BP, Touch Support.
* Backbone Framework - Web App Models, Views/Templates 
* more -> 

Todo:

* Load scripts using require.js
* Document build process
* Document SASS usage
* more -> 
반응형
반응형

Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

 

http://twitter.github.io/bootstrap/

 

Github : https://github.com/twitter/bootstrap

 

Download : http://twitter.github.io/bootstrap/assets/bootstrap.zip

 

Less.js : The dynamic stylesheet language.

Less.js : http://lesscss.org

                https://github.com/cloudhead/less.js

 

 

Bootstrap : Scaffolding (http://twitter.github.io/bootstrap/scaffolding.html)

 - built on responsive 12-column grids, layouts, and components.

    부트스트랩에는 컬럼,레이아웃,컴포넌트가 있어서 구현에 용이하다.

 

 

Customize and download : http://twitter.github.io/bootstrap/customize.html

 : 필요한 요소들만 선택해서 다운로드 받을 수 있다.

 

Javascript : componets to life-now with 13 custom jQuery plugins.

 : 자바스크립트 플러그인이 포함되어 있다.

  http://twitter.github.io/bootstrap/javascript.html

반응형
반응형

highcharts.com

 

d3js.org

 

Bootstrap

 

JetStrap

 

 

http://www.highcharts.com/ 

 : 비영리목적에만 사용할 수 있다.

   커스터마이징이 불가하다.

 

 

D3 (Data-Driven Document )  http://d3js.org/ 

: 다양한 데이터를 HTML과 SVG에 기반을 두고 쉽게 표현할 수 있도록 제작된 라이브러리

  매우 다양한 그래프와 시각화 기법들을 그릴 수 있다.

  커스터마이징이 가능하다.

 

 

 

 

Bootstrap - http://twitter.github.io/bootstrap/

 : 화면의 영향을 조금 덜 받고 알맞은 화면을 구성할 수 있도록 한다.

   메뉴나 내비게이션과 같은 웹에서 자주 사용하는 요소들도 쉽게 구현할 수 있다.

   Start - http://twitter.github.io/bootstrap/getting-started.html

 

 

Bootstrap이 어렵다면 JetStrap (https://jetstrap.com/) 도 있다. - MockUp

 : HTML태그가 아닌 웹 UI상에서 쉽게 웹페이지를 구성할 수 있도록 도와준다.

 

 

 

반응형

+ Recent posts