#Sass Resources
Sass Resources
###Guide Line
- Sass Guidelines ——译文 by @南北
###Beginner
- BOOTSTRAP 4: MEDIA QUERIES USING SASS by @azadcreative
- Faster SASS builds with Webpack by @francois
- Mixing Color for the Web with Sass by @Justin McDowell
- Classy CSS: a Programmatic Approach to Sass Stylesheets by @una
- Some SaSS tips or my own styleguide by @Matías Hernández A.
- Rethinking the wehkamp.com grid by @Jochem Rebergen
- Icons, SASS, and styleguides (oh my) by @Chris
- The Pros and Cons of Nesting Your Sass Code by @Steven Bradley
- How To Nest Selectors And Properties In Sass by @Steven Bradley
- Aesthetic Sass: The Best Practices in Sass by @David Khourshid
- SASS theming by @Shane
- Watch & Compile your Sass with npm. by @Brian Han
- Centering With Sass by @Hugo Giraudel —— 译文 by @南北
- Unit Testing for Sass with Sassaby by @Ryan Bahniuk——译文 by @Blueed
- Sass Maps vs. Nested Lists by @James Steinbach——译文 by @南北
- Structuring CSS Class Selectors with Sass by @Hugo Giraudel
- A Sassy Approach To Theming Components by @ian thomas
- Styling React Components In Sass by @Hugo Giraudel
- CSS4 VARIABLES AND SASS by @Jake Albaugh
- Style Tiles with Sass by @James Steinbach
- Sass Basics: @-rules and Directives by @Reggie Dawson(南北认领)
- Extending In Sass Without Creating A Mess by @David Khourshid
- Sass Basics: Control Directives and Expressions by @Reggie Dawson——译文 by @南北
- Your nesting is harmful by @Kevin Lorenz
- Getting Started with Sass (with interactive examples) by @Ken Wheeler——译文 by @南北
- Themed Styles With Sass by @ETHAN MULLER——译文 by @南北
- Understanding Sass Units By @Hugo Giraudel——文心认领
- Sass Basics: Operators by @George Martsoukos——译文 by @南北
- Your nesting is harmful by @Kevin Lorenz
###Advanced
- Sass Pixel Art by @una
- Vector Graphics in Sass by @Tim Severien——译文 by @南北
- Getting Back To our @at-roots by @David Conner
- Sass Theming: The Neverending Story by @Hugo Giraudel
###Sass Variables
- Understanding Variable Scope in Sass by @George Martsoukos——译文 by @大漠
- Better Sass variables through abstraction by @Craig——译文 by @南北
###Sass Features
- Atomic OOBEMITSCSS by @Una Kravets
- Sass 3.4 is Out! by @Hugo Giraudel——译文 by @南北
- Everything you need to know about Sass 3.4 by @Micah Godbolt——译文 by @大漠
- Emulate the Invert Filter Effect with Sass by @Ana Tudor——译文 by @南北
- A Vision for Our Sass by @FELICITY EVANS
- On Sass and Other CSS Preprocessors by @Danny
###Workflow
- A Simple Gulp’y Workflow For Sass by @Hugo Giraudel
- Learnings from using Sass in large scale projects by @Hans Christian Reinl
- Ruby Sass, LibSass – What's the Difference? by @Guil Hernandez
- Aesthetic Sass 1: Architecture and Style Organization by @David Khourshid
- A Look at Different Sass Architectures by @Vinay Raghu——译文 by @南北
- HOW I IMPROVED MY WORKFLOW WITH SMACSS & SASS by @bramsmulders
- Writing CSS (and Sass) that doesn’t suck by @Ashley Nolan
- Recommendations for a Faster Workflow with Sass by @Tim Hartmann
- Sinatra and Bourbon – Web Development My Way by @M. David Green
- Working with Sass style sheets in Office 365 / SharePoint 2013 by @Thomas Daly
###Mixins
- Sass Mixin and Media Merging by @Hugo Giraudel
- Useful Sass Snippets by @chdhmphry ——译文 by @大漠
- Dynamically import only used Google Webfonts by @Roy
- Sass Theming with Configuration Files by @Adam Onishi
- Theming Form Elements with Sass by @Dennis Gaebel——译文 by @南北
- Smarter Sass Mixins with Null by @Guil Hernandez——译文 by @南北
- The Self-Aware Sass Mixin by @Lunelson——译文 by @南北
- How to use ampersands to simplifiy your sass by @Hearsparkbox
- When to use @extend; when to use a mixin by@award-winning
- Sass Basics: The Mixin Directive by @Reggie Dawson
- The Ultimate Long-shadow Sass Mixin by @Hugo Giraudel
- Sass Mixins vs Extends: The Data by @Shay Howe
###Function
- Validating Input in Sass Mixins and Functions by @James Steinbach
- USING SASS FUNCTIONS TO ACCESS VARIABLE MAPS by @Jake Albaugh
- A Bulletproof Function to Validate Length Values in Sass by @Hugo Giraudel
- Cubic Bézier representation in Sass by @Tim Severien and @Hugo Giraudel
- Sass Basics: The Function Directive by @Reggie Dawson
###Typography
- Sass and Responsive Typography by @James Steinbach
- 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
###Grids
- Introducing sGrid: A Stylus-based Flexbox Grid System by @Julian Ćwirko
- Diamond grid layout with Sass by @Chen Hui Jing——译文 by @南北
- Smarter Grids With Sass And Susy by @Michelle Barker
- Using Bourbon Neat for CSS Grid Structure with Semantic Markup by @Paul Stonier
- Living life with Flex-Box and Sass by @Dale Sande
- How to use Masonry with Susy by @zellwk
- 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——译文 by @南北
- Sass Grids: From Neat To Susy by @James Steinbach
- How to Use Susy: Superpowered Sass Grids by @Jonathan Cutrell
- Based on The Golden Grid System Implemented with Compass SASS
- Super-fast Responsive Layouts with Jeet by @George Martsoukos
- A Simple Sass Based responsive Grid framework by @Cathy Dutton
###Colors
- HSB Colors with Sass by @Alexander Futekov
- Quick Color with SASS
- Managing Color Values with Sass by @James Steinbach
- A Better Way for Dynamically Choosing a Readable Text Colour with Sass by @Leo Nikkilä
- A Dynamic Gradient Text Function in Sass by @Cathy Dutton
- Emulate the Invert Filter Effect with Sass by @Ana Tudor
###@import
###Maps
- USING SASS FUNCTIONS TO ACCESS VARIABLE MAPS by @Jake Albaugh
- Mappy Breakpoints, A Breakpoint Mixin that uses Sass Maps
- Debugging Sass Maps by @Hugo Giraudel
- SASS Maps != Source Maps by @Jaime Quiroz
- Real Sass, Real Maps by @gryghostvisuals
- An Introduction to Sass Maps: Usage and Examples by @Tim Hartmann
- Magical Config Objects with Sass Maps by @Adam Blum
- Extra Map Functions in Sass by @Hugo Giraudel
- Update single value in a Sass map
- Mapping Icon Fonts with Sass by @Damon Cook
- A lesson in Sass Maps: make Sass media queries talk to JavaScript by @hiljaa
- 5 Great Uses for Sass Maps by @Una Kravets
###OOCSS with Sass
###RWD
- Viewport sized typography with minimum and maximum sizes
- Responsive Typography With Sass Maps by @Jonathan Suh——译文 by @大漠
- RESPONSIVE SASS MIXIN FOR INLINE SVG by @Rob Levin
- 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
- Approaches to Media Queries in Sass
- Write Simple, Elegant and Maintainable Media Queries with Sass by @Eduardo Bouças
- Smoothing Responsive Designs with +spread by @DOUG AVERY
- Making Inline Media Queries Even Better with Breakpoint Sass by @Stacy Kvernmo
- @include-media by @Eduardo Bouças
- Using Sass for “Quantity Queries” by @James Steinbach
- Organizing Nested Selectors in Sass by @JEREMY
###Sass Framework
- 5 Ways to Improve Your Sass with Bourbon by @M. David Green
- Sass & CSS Style Guide by @liveeditorcms
- Increasing SASS Compiling Performance or "When Every Second Counts” by @Vaclovas Vicius
- Semantic Markup with Foundation 5 and Sass by @http://www.sitepoint.com/author/gmartsoukos/
###Step by Step
- Getting Started with Sass, Part 1 by @Laura Kalbag——译文 by @卢慧健
- Getting Started with Sass, Part 2 by @Laura Kalbag——译文 by @lizimeow
- Getting Started with Sass, Part 3 by @Laura Kalbag
- Sass for Big Sites, Part 1 by @Jackie Balzer
- Sass for Big Sites, Part 2 by @Jackie Balzer
- Aesthetic Sass 1: Architecture and Style Organization by @David Khourshid
- Aesthetic Sass 2: Colors and Palettes by @David Khourshid
###Sass Tools & Compile
- Sass Source Maps + Chrome = Magic by @Mike Borsare
- 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
- Converting CSS to SASS (And Cleaning Things Up in the Process)
###Video
###Libsass
- Ayre-Sass powered responsive grid system
- motion-ui
- Breaking up with Sass: it’s not you, it’s me by @Ben Frain
- Configuring Grunt To Use LibSass With Susy by @Zell
###Component
© w3cplus.作者:大漠。QQ讨论群：78142855