antife-yinyue / Sass_mixins_function

Collection best of Sass mixins and function

#Sass Mixins and Function

Collection best of Sass Mixins and Function.If you have seen good and meaningful Mixins or Functions, please send us your code.Let more students share your results.

收集优秀的Sass Mixins和Function。如果您有看到优秀的、有意义的Mixins或Functions，请向我们提交您的代码吧。让更多的同学分享您的成果。

##Sass Resources

###Beginner

• Getting Started with SASS (with interactive examples) by @Ken Wheeler

###Sass Features

• Sass 3.4 is Out! by @Hugo Giraudel
• Everything you need to know about Sass 3.4 by @Micah Godbolt——译文 by @大漠
• Emulate the Invert Filter Effect with Sass by @Ana Tudor

###Workflow

• A Look at Different Sass Architectures by @Vinay Raghu
• HOW I IMPROVED MY WORKFLOW WITH SMACSS & SASS by @bramsmulders
• Writing CSS (and Sass) that doesn’t suck by @Ashley Nolan

###Mixins

• Smarter Sass Mixins with Null by @Guil Hernandez
• The Self-Aware Sass Mixin by @Lunelson
• How to use ampersands to simplifiy your sass by @Hearsparkbox

###Function

• A Bulletproof Function to Validate Length Values in Sass by @Hugo Giraudel
• Cubic Bézier representation in Sass by @Tim Severien and @Hugo Giraudel

###Typography

• Using Sass to Build a Custom Type Scale with Vertical Rhythm by @James Steinbach
• Managing responsive typography with Sass by @Matt Hinchliffe

###BEM

• BEM modifiers: multiple classes vs @extend by @bensmithett——译文 by @大漠
• BEM, SASS and Bootstrap: how to mix everything up in a smart way? by @OruiAnderson
• Pushing BEM to the next level with Sass 3.4 by @MintelMarc——译文 by @大漠
• Modular CSS with Sass & BEM by @Mat Hayward

###Icon

• Generate icon classes from sprite using SASS by @Naturaily

###Grids

• Bootstrap’s Grid System vs. Susy: A Comparison by @Zell Liew
• Sass and Bourbon Neat for Lightweight Semantic Grids by @M. David Green
• Build Web Layouts Easily with Susy by @Guest Author
• Sass Grids: From Neat To Susy by @James Steinbach

###Colors

• HSB Colors with Sass by @Alexander Futekov
• Quick Color with SASS
• Managing Color Values with Sass by @James Steinbach

###@import

• Import Once in Sass the 'Foundation Way' by @stefanjudis

###Maps

• Debugging Sass Maps by @Hugo Giraudel
• SASS Maps != Source Maps by @Jaime Quiroz

###OOCSS with Sass

• Using Object-Oriented CSS with Sass by @aime Caballero

###RWD

• Tutorial on Sass media queries : Creating responsive layouts easily by @Syed Fazle Rahman
• Scaling Values Across Breakpoints Using Sass by @James Steinbach
• Sass-based Media Queries With Breakpoint by @James Steinbach

###Sass Framework

• 5 Ways to Improve Your Sass with Bourbon by @M. David Green
• Sass & CSS Style Guide by @liveeditorcms

###Step by Step

• Getting Started with Sass, Part 1 by @Laura Kalbag
• Getting Started with Sass, Part 2 by @Laura Kalbag
• Getting Started with Sass, Part 3 by @Laura Kalbag

###Sass Tools & Compile

• Gulpin SASS to CSS by @Rik Schennink
• Using Grunt, bootstrap, Compass and SASS in a Drupal sub theme by @David Allard
• Using Source Maps to Debug Sass in Chrome by ＠Vinay Raghu
• Creating SVG Sprites using Gulp and Sass by @Mike Street

###Video

• Sass Basics
• advanced Sass

###Compass

• Compass Sourcemaps by @Dennis Gaebel
• An Overview Of Compass 1.0 by @Reggie Dawson

###Sass & CMS

• Sass for WordPress Developers by @James Steinbach

© w3cplus,作者:大漠。QQ讨论群：78142855