Recommended
Recommended
More Related Content
Similar to Web design using compass
Web design using compass
- 4. Dude ! You got a problem ! 13年7月4⽇日星期四
- 5. 13年7月4⽇日星期四
- 6. 14 Rules for Faster Loading Web Sites by Steve Souders 13年7月4⽇日星期四
- 9. 13年7月4⽇日星期四
- 12. 13年7月4⽇日星期四
- 16. 重複使⽤用 ie hacks & animation 13年7月4⽇日星期四
- 17. 合併CSS 最好能在符合 IE max selectors 的情況下減少 stylesheets 數量 13年7月4⽇日星期四
- 19. Compass CSS3 @import “compass/css3”; .simple { @include border-radius(8px, 4px); } 13年7月4⽇日星期四
- 20. Compass CSS3 Result .simple { -webkit-border-radius: 8px 4px; -moz-border-radius: 8px 4px; -khtml-border-radius: 8px 4px; border-radius: 8px 4px; } 13年7月4⽇日星期四
- 25. Nesting .toolbar { .btn { display: inline-block; padding: 4px 12px; &:hover { background-color: $blue; } } } 13年7月4⽇日星期四
- 28. !default only assign when it doesn’t have a value yet 13年7月4⽇日星期四
- 30. Mixins // Center-align a block // level element @mixin center-block() { display: block; margin-left: auto; margin-right: auto; } 13年7月4⽇日星期四
- 31. Mixins // tricking the GPU to think // that an element is 3D @mixin fade($duration) { transition: $duration; transform: translateZ(0); opacity: 0.25; } 13年7月4⽇日星期四
- 32. ⽤用別⼈人寫好的 mixins 才是⺩王道啊 keyword: sass animation mixin 13年7月4⽇日星期四
- 34. Selector inheritance .btn { padding: 4px 12px; } .btn-delete { @extend .btn; background-color: $red; } 13年7月4⽇日星期四
- 36. Math $baseFontSize: 14px !default; $fontSizeLarge: $baseFontSize * 1.25 ! default; 13年7月4⽇日星期四
- 37. 13年7月4⽇日星期四
- 38. Compass Reports Syntax Errors 13年7月4⽇日星期四
- 39. 13年7月4⽇日星期四
- 43. sass-convert sass-convert -R my_css_dir --from css --to scss 13年7月4⽇日星期四
- 46. css不⽤用再被git trace囉.. deploy 前 grunt 幫你 build 出來 13年7月4⽇日星期四
- 50. exe 檔裝好之後 打開 “Start Command Prompt with Ruby” 13年7月4⽇日星期四
- 51. gem install sass gem install compass 13年7月4⽇日星期四
- 52. 在要 watch ⺫⽬目錄新增 config、css、sass、 img 資料夾 13年7月4⽇日星期四
- 53. // config 資料夾裡新增 compass.rb 內容如下 http_path = “/” css_dir = “css” cass_dir = “sass” images_dir = “img” 13年7月4⽇日星期四
- 54. 裝好之後就可以下 compass watch 開始寫 sass 囉 13年7月4⽇日星期四
- 56. 13年7月4⽇日星期四
- 57. 13年7月4⽇日星期四