讓你的網站更潮Twitter Boostrap ⼊入⾨門

iThome網站開發部經理　⿈黃柏諺

About Me

⿈黃柏諺iT邦幫忙產品經理iThome網站開發部經理前端開發

潮 ?

之為物潮

好看

好⽤用

好厲害

Twitter Bootstrap登場

動⼿手

http://twitter.github.com/bootstrap/

下載

安裝

使⽤用

關鍵概念HTML Tag組成結構

css class name控制樣式與⾏行為

網⾴頁⾻骨架

設計是在混亂中

創造秩序

看不⾒見的秩序

Grid System

Responsive Web Design

RWD

Desktop

Tablet

Phone

Fluid layout

好⽤用⼯工具

CSS基礎架構與美化

元件基礎架構與美化

[省⼒力][美觀]

[好上⼿手]

JavaScript更強⼤大的輔助

弄髒⼿手模式vs.

富貴⼿手模式

客製化打造⾃自⼰己的樣式

Ecosystem

http://goo.gl/Qf5LT

http://goo.gl/OZLMy

潮只在⼀一念之間

Thanks