使用者工具

網站工具


computer:web:css:sass

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

兩邊的前次修訂版前次修改
下次修改
前次修改
computer:web:css:sass [2014/10/02 03:21] – [工具] wmcomputer:web:css:sass [2016/11/13 07:50] (目前版本) – [工具] wm
行 19: 行 19:
     * [[http://susy.oddbird.net/|Susy]] (Responsive)     * [[http://susy.oddbird.net/|Susy]] (Responsive)
       * [[http://css-tricks.com/build-web-layouts-easily-susy/|Build Web Layouts Easily with Susy]]       * [[http://css-tricks.com/build-web-layouts-easily-susy/|Build Web Layouts Easily with Susy]]
 +      * [[http://www.smashingmagazine.com/2015/07/smarter-grids-with-sass-and-susy/|Smarter Grids With Sass And Susy]]
       * [[http://www.zell-weekeat.com/smarter-layouts-with-susy/|Smarter Layouts with Susy]]       * [[http://www.zell-weekeat.com/smarter-layouts-with-susy/|Smarter Layouts with Susy]]
       * [[http://www.zell-weekeat.com/susy2-tutorial|A Complete Tutorial to Susy 2]]       * [[http://www.zell-weekeat.com/susy2-tutorial|A Complete Tutorial to Susy 2]]
行 26: 行 27:
       * [[http://www.zell-weekeat.com/susy-grid-background-image/|How to Debug Your Susy Layout with the Susy Background Image (Even If The Grid Changes)]]       * [[http://www.zell-weekeat.com/susy-grid-background-image/|How to Debug Your Susy Layout with the Susy Background Image (Even If The Grid Changes)]]
       * [[http://www.zell-weekeat.com/susy-gutter-positions/|Understanding Gutter Positions in Susy]]       * [[http://www.zell-weekeat.com/susy-gutter-positions/|Understanding Gutter Positions in Susy]]
 +      * [[http://lecklider.com/2014/09/dumb-grids-with-susy.html|Dumb Grids with Susy]]
 +      * [[http://www.sitepoint.com/creating-responsive-grid-system-susy-breakpoint/|Creating a Responsive Grid System With Susy And Breakpoint]]
     * [[http://adamwhitcroft.com/proto/|Proto]]     * [[http://adamwhitcroft.com/proto/|Proto]]
     * [[http://www.profoundgrid.com/|Profound Grid]]     * [[http://www.profoundgrid.com/|Profound Grid]]
行 41: 行 44:
     * [[http://libsass.org/|Libsass]]     * [[http://libsass.org/|Libsass]]
     * [[http://csswizardry.com/typecsset/|Typecsset]]     * [[http://csswizardry.com/typecsset/|Typecsset]]
 +    * [[http://dropbox.github.io/scooter/|Scooter]]
 =====教學===== =====教學=====
   * [[http://mts.io/2014/04/02/sass-unit-testing/|Sass Unit Testing]]   * [[http://mts.io/2014/04/02/sass-unit-testing/|Sass Unit Testing]]
 ====技巧==== ====技巧====
   * [[http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/|Sassy Z-Index Management For Complex Layouts]]   * [[http://www.smashingmagazine.com/2014/06/12/sassy-z-index-management-for-complex-layouts/|Sassy Z-Index Management For Complex Layouts]]
 +  * [[http://css-tricks.com/approaches-media-queries-sass/|Approaches to Media Queries in Sass]]
 =====資源===== =====資源=====
   * [[http://www.sache.in/|Sache]]   * [[http://www.sache.in/|Sache]]
   * [[http://jackiebalzer.com/color|A Visual Guide to Sass & Compass Color Functions]]   * [[http://jackiebalzer.com/color|A Visual Guide to Sass & Compass Color Functions]]
 +  * [[https://sass-compatibility.github.io/|Sass Compatibility]]
 +  * [[http://sass-guidelin.es/|Sass Guidelines]]
 =====套件===== =====套件=====
   * [[http://quotation-marks.org/|Quotation Marks]]   * [[http://quotation-marks.org/|Quotation Marks]]
行 53: 行 60:
   * [[https://github.com/kaelig/hidpi|HiDPI]]   * [[https://github.com/kaelig/hidpi|HiDPI]]
   * [[https://github.com/HugoGiraudel/SassyJSON|SassyJSON]]   * [[https://github.com/HugoGiraudel/SassyJSON|SassyJSON]]
 +  * [[https://github.com/scottdavis/serialy-sassy|Serialy Sassy]]
 +  * [[http://www.csstyle.io/|csstyle]]
 +  * [[http://kenwheeler.github.io/guff/|GUFF]]
 =====工具===== =====工具=====
   * [[http://usetakana.com/|Takana]]   * [[http://usetakana.com/|Takana]]
-  * [[https://github.com/causes/scss-lint|SCSS-Lint]]+  * [[https://github.com/brigade/scss-lint|SCSS-Lint]]
   * [[https://github.com/iamcarrico/generator-sass|generator-sass]]   * [[https://github.com/iamcarrico/generator-sass|generator-sass]]
   * [[https://github.com/vigetlabs/sass-json-vars|Sass JSON Vars]]   * [[https://github.com/vigetlabs/sass-json-vars|Sass JSON Vars]]
 +  * [[https://github.com/sass-eyeglass/eyeglass|eyeglass]]
 +  * [[https://github.com/c9s/c6|C6]]
 +  * [[http://sassme.arc90.com/|SassMe]]
 ===測試=== ===測試===
   * [[https://github.com/ericam/true/|True]]   * [[https://github.com/ericam/true/|True]]
     * [[http://www.commercekitchen.com/2014/03/test-driven-scss-true/|Test Drive Sass with True]]     * [[http://www.commercekitchen.com/2014/03/test-driven-scss-true/|Test Drive Sass with True]]
   * [[http://thejameskyle.com/bootcamp/|Bootcamp]]   * [[http://thejameskyle.com/bootcamp/|Bootcamp]]
 +===文件===
 +  * [[http://sassdoc.com/|SassDoc]]
computer/web/css/sass.1412220080.txt.gz · 上一次變更: 2014/10/02 03:21 由 wm