Download - 【iT邦幫忙交流聚(1)】讓你的網站更潮-Twitter Boostrap入門
Transcript
讓你的網站更潮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
潮只在⼀一念之間
Thanks