512 lines
23 KiB
HTML
512 lines
23 KiB
HTML
<h1 id="awesome-sass">Awesome Sass</h1>
|
||
<p><strong>Disclaimer!</strong> Fair warning: this list is a way for me
|
||
to keep track of all my work around Sass. For this reason, I do not
|
||
accept pull-requests. That being said I am willing to have another
|
||
version of this list with everbody’s work, even if it means renaming
|
||
this repository. :)</p>
|
||
<h2 id="books">Books</h2>
|
||
<ul>
|
||
<li><a href="http://howsass.works">Jump Start Sass</a>: a beginner’s
|
||
guide to get started with Sass</li>
|
||
</ul>
|
||
<h2 id="projects">Projects</h2>
|
||
<ul>
|
||
<li><a href="http://www.sitepoint.com/sass-reference/">Sass
|
||
Reference</a>: SitePoint Sass Reference</li>
|
||
<li><a href="https://github.com/SassDoc/sassdoc">SassDoc</a>: release
|
||
the docs!</li>
|
||
<li><a href="https://sass-guidelin.es">Sass Guidelines</a>: an
|
||
opinionated styleguide for writing sane, maintainable and scalable
|
||
Sass</li>
|
||
<li><a
|
||
href="https://github.com/sass-compatibility/sass-compatibility">Sass-Compatibility</a>:
|
||
Sass Compatibility tables</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/sass-boilerplate">Sass-Boilerplate</a>:
|
||
a Sass boilerplate sticking to Sass Guidelines</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/sass-semver">Sass-semver</a>: a
|
||
SemVer parser in Sass</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/SassyTester">SassyTester</a>: a
|
||
minimalister function tester in Sass</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/SassyBitwise">SassyBitwise</a>:
|
||
bitwise operators implemented in Sass</li>
|
||
<li><a href="https://github.com/KittyGiraudel/SassyCast">SassyCast</a>:
|
||
a small lib for type conversion across data types</li>
|
||
<li><a href="https://github.com/KittyGiraudel/SassyJSON">SassyJSON</a>:
|
||
a JSON encoder/decoder in Sass</li>
|
||
<li><a href="https://github.com/Team-Sass/SassyLists">SassyLists</a>: a
|
||
collection of functions to manipulate lists</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/SassyMatrix">SassyMatrix</a>: a
|
||
collection of functions to manipulate matrices</li>
|
||
<li><a href="https://github.com/KittyGiraudel/SassySort">SassySort</a>:
|
||
a Sass sorting function using various algorithms</li>
|
||
<li><a
|
||
href="https://github.com/Team-Sass/Sassy-Strings">SassyStrings</a>: a
|
||
collection of functions to manipulate strings</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/SassyLogger">SassyLogger</a>: a
|
||
message logger in Sass</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/SassyGradients">SassyGradients</a>:
|
||
a collection of tools to help manipulate gradients in a dynamic way</li>
|
||
<li><a
|
||
href="https://github.com/KittyGiraudel/SassyIteratorsGenerators">SassyIteratorsGenerators</a>:
|
||
iterators and generators implementation in Sass</li>
|
||
</ul>
|
||
<h2 id="on-my-blog">On <a href="https://kittygiraudel.com">my
|
||
blog</a></h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2015/06/18/styling-react-components-in-sass/">Styling
|
||
React Components in Sass</a> by David Khourshid (18-06-2015)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2015/02/03/translating-sass-guidelines/">Translating
|
||
Sass Guidelines</a> (03-02-2015)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2015/01/07/introducing-sass-guidelines/">Introducing
|
||
Sass Guidelines</a> (07-01-2015)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/11/25/specificity-in-sass/">Calculating
|
||
specificity in Sass</a> by David Khourshid (25-11-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/10/27/rethinking-atwoods-law/">Rethinking
|
||
Atwood’s law</a> (27-10-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/10/22/translation-system-in-sass/">Translation
|
||
system in Sass</a> (22-10-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/09/01/sassdoc-and-semantic-versioning/">SassDoc
|
||
and semantic versioning</a> (01-09-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/07/16/automating-css-animations-with-sass/">Automating
|
||
CSS animations with Sass</a> (16-07-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/07/01/building-a-customization-api-in-sass/">Building
|
||
a customization API in Sass</a> by Ezekiel Gabrielse (01-07-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/05/19/new-offsets-sass-mixin/">A
|
||
new Sass mixin for offsets</a> (19-05-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/05/12/modernizr-sass-mixin/">Modernizr
|
||
Sass mixin</a> by Daniel Guillan (12-05-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/05/05/bringing-configuration-objects-to-sass/">Bringing
|
||
configuration objects to Sass</a> (05-05-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/04/28/casting-map-into-list/">Casting
|
||
a map into a list in Sass</a> (28-04-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/04/14/building-a-walk-function-in-sass/">Building
|
||
a walk function in Sass</a> (14-04-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/04/07/what-to-do-with-a-sass-list/">What
|
||
to do with a Sass list</a> (07-04-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/04/01/pushing-sass-placeholders-further/">Pushing
|
||
Sass placeholders further</a> (01-04-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/03/31/getting-the-most-out-of-sass-placeholders/">Getting
|
||
the most out of Sass placeholders</a> (31-03-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/03/25/sassy-matrix-because-one-dimension-wasnt-enough/">SassyMatrix:
|
||
because one dimension wasn’t enough</a> (25-03-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/03/18/sassy-sort/">SassySort:
|
||
sorting algorithms in Sass</a> (18-03-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/03/03/another-sass-button-library/">Another
|
||
Sass button library</a> (03-03-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/02/24/star-rating-system-with-sass/">Star
|
||
rating widget with Sass</a> (24-02-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/01/27/casting-types-in-sass/">SassyCast:
|
||
Type conversion in Sass</a> (27-01-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/01/20/json-in-sass/">SassyJSON:
|
||
Talk to the browser!</a> (20-01-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/01/15/sass-string-to-number/">Casting
|
||
a string to number in Sass</a> (15-01-2014)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2014/01/13/sass-string-replacement-function/">String
|
||
replacement function in Sass</a> (13-01-2014)</li>
|
||
<li><a href="https://kittygiraudel.com/2013/11/28/sass-brainfuck/">Sass
|
||
brainfuck</a> (28-11-2013)</li>
|
||
<li><a href="https://kittygiraudel.com/2013/10/21/sass-debug/">How I
|
||
made a Sass debug function</a> (21-10-2013)</li>
|
||
<li><a href="https://kittygiraudel.com/2013/10/17/sass-random/">Random
|
||
function with Sass 3.3</a> (17-10-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/10/09/advanced-sass-list-functions-again/">Advanced
|
||
Sass list functions again</a> (09-10-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/09/03/use-lengths-not-strings/">Use
|
||
lengths not strings</a> (03-09-2013)</li>
|
||
<li><a href="https://kittygiraudel.com/2013/08/12/sass-functions/">A
|
||
couple of Sass functions</a> (12-08-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/08/08/advanced-sass-list-functions/">Advanced
|
||
Sass list functions</a> (08-08-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/08/05/offsets-sass-mixin/">Sass
|
||
mixin for offsets</a> (05-08-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/07/15/understanding-sass-lists/">Understanding
|
||
Sass lists</a> (15-07-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/07/08/digging-into-my-slides-sass/">Digging
|
||
into my slides about Sass</a> (08-07-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/04/02/items-on-circle/">Items on
|
||
circle with Sass</a> (02-04-2013)</li>
|
||
<li><a href="https://kittygiraudel.com/2013/03/25/compass-extensions/">8
|
||
Compass extensions you may not know</a> (25-03-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/03/18/ultimate-rem-mixin/">The
|
||
ultimate PX/Rem mixin</a> (18-03-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/03/14/css-preprocessors/">Can I
|
||
afford a preprocessor?</a> (14-03-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/02/27/sassy-media-queries/">Sassy
|
||
Media queries</a> (27-02-2013)</li>
|
||
<li><a
|
||
href="https://kittygiraudel.com/2013/02/18/sass-mixin-star/">Sassify a
|
||
CSS shape</a> (18-02-2013)</li>
|
||
<li><a href="https://kittygiraudel.com/2013/02/11/sass-structure/">A
|
||
closer look at my Sass structure</a> (11-02-2013)</li>
|
||
<li><a href="https://kittygiraudel.com/2012/11/13/less-to-sass/">Why I
|
||
switched from LESS to Sass</a> (13-11-2012)</li>
|
||
</ul>
|
||
<h2 id="at-other-places">At other places</h2>
|
||
<ul>
|
||
<li><a href="https://www.sitepoint.com/tilted-angles-in-sass/">Tilted
|
||
Angles in Sass</a> at SitePoint (21-09-2016)</li>
|
||
<li><a
|
||
href="https://www.sitepoint.com/a-tale-of-css-and-sass-precision/">A
|
||
Tale of CSS and Sass Precision</a> at SitePoint (12-05-2016)</li>
|
||
<li><a
|
||
href="https://www.sitepoint.com/introducing-our-newest-book-jump-start-sass/">Introducing
|
||
our Newest Book: Jump Start Sass</a> at SitePoint (04-04-2016)</li>
|
||
<li><a
|
||
href="https://www.sitepoint.com/cleaning-up-a-css-codebase/">Cleaning Up
|
||
A CSS Codebase</a> at SitePoint (09-03-2016)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/using-error-responsibly-in-sass/">Using
|
||
<span class="citation" data-cites="error">@error</span> responsibly in
|
||
Sass</a> at SitePoint (11-08-2015)</li>
|
||
<li><a
|
||
href="http://www.creativebloq.com/web-design/easy-way-document-your-sass-code-61515222">An
|
||
easy way to document your Sass code</a> at CreativeBloq
|
||
(27-07-2015)</li>
|
||
<li><a href="http://www.sitepoint.com/centering-with-sass/">Centering
|
||
With Sass</a> at SitePoint (16-07-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/getting-started-with-scss-lint/">Getting
|
||
Started with SCSS-lint</a> at SitePoint (25-06-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/structuring-css-class-selectors-with-sass/">Structuring
|
||
CSS Class Selectors with Sass</a> at SitePoint (09-07-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/introducing-the-sitepoint-sass-reference/">Introducing
|
||
SitePoint Sass Reference</a> at SitePoint (24-06-2015)</li>
|
||
<li><a href="http://www.sitepoint.com/testing-sass-library/">Testing A
|
||
Sass Library</a> at SitePoint (23-06-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/testing-sass-function-5-minutes/">Testing
|
||
A Sass Function in 5 Minutes</a> at SitePoint (16-06-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/simple-gulpy-workflow-sass/">Simple
|
||
Gulp’y Workflow For Sass</a> at SitePoint (11-06-2015)</li>
|
||
<li><a href="http://www.sitepoint.com/sass-mixin-media-merging/">Sass
|
||
Mixin And Media Merging</a> at SitePoint (02-06-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/sass-theming-neverending-story/">Sass
|
||
Theming: The Neverending Story</a> at SitePoint (26-05-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/understanding-sass-units/">Understanding
|
||
Sass Units</a> at SitePoint (26-02-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/breakpoints-tweakpoints-sass/">Breakpoints
|
||
and tweakpoints in Sass</a> at SitePoint (17-02-2015)</li>
|
||
<li><a href="http://www.sitepoint.com/dont-use-compass-anymore/">Why I
|
||
Don’t Use Compass Anymore</a> at SitePoint (10-02-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/sassdoc-2-shiny-streamy-octopus/">SassDoc
|
||
2 Shiny Streamy Octopus is Out</a> at SitePoint (05-02-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/ultimate-long-shadow-sass-mixin/">The
|
||
Ultimate Long-Shadow Mixin</a> at SitePoint (22-01-2015)</li>
|
||
<li><a href="http://www.sitepoint.com/extra-map-functions-sass/">Extra
|
||
Map Functions in Sass</a> at SitePoint (15-01-2015)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/introducing-sass-compatibility/">Introducing
|
||
Sass-Compatibility</a> at SitePoint (23-12-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/functional-wrappers-sass/">Functional
|
||
wrappers in Sass</a> at SitePoint (18-12-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/avoid-sass-extend/">Why you should
|
||
avoid Sass <code>@extend</code></a> at SitePoint (11-12-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/building-linear-gradient-mixin-sass/">Building
|
||
a linear gradient mixin</a> at SitePoint (02-12-2014)</li>
|
||
<li>[FR] <a
|
||
href="http://www.24joursdeweb.fr/2014/quand-sass-ne-rend-plus-service/">Quand
|
||
Sass ne rend plus service</a> for 24 Jours du Web (01-12-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/sass-multiple-arguments-lists-or-arglist/">Sass
|
||
Multiple Arguments, Lists or Arglists</a> at SitePoint (20-11-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/dealing-constants-sass/">Dealing
|
||
with constants in Sass</a> at SitePoint (28-10-2014)</li>
|
||
<li><a
|
||
href="http://thesassway.com/advanced/cubic-bezier-representation-in-sass">Cubic
|
||
Bezier representation in Sass</a> with Tim Severien at The Sass Way
|
||
(26-10-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/debugging-sass-maps/">Debugging
|
||
Sass Maps</a> at SitePoint (21-10-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/building-step-wizard-bem-sass/">Building
|
||
a step wizard with BEM and Sass</a> at SitePoint (02-10-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/beware-selector-nesting-sass/">Beware of
|
||
selector nesting in Sass</a> at SitePoint (25-09-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/bulletproof-function-validate-length-values-sass/">A
|
||
bulletproof function to validate lengths in Sass</a> at SitePoint
|
||
(10-09-2014)</li>
|
||
<li><a
|
||
href="https://webdesign.tutsplus.com/tutorials/building-a-logger-mixin-in-sass--cms-22070">Building
|
||
a logger mixin in Sass</a> at Tuts+ (02-09-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/sass-3-4-is-out/">Sass 3.4 is
|
||
out!</a> at SitePoint (22-08-2014)</li>
|
||
<li><a
|
||
href="http://webdesign.tutsplus.com/articles/new-features-and-a-new-look-for-sassdoc--cms-21914">What’s
|
||
up with SassDoc 1.2?</a> at Tuts+ (12-08-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/keep-sass-simple/">Keep Sass
|
||
Simple</a> at SitePoint (30-07-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/using-sass-build-color-palettes/">Using
|
||
Sass to build color palettes</a> at SitePoint (17-07-2014)</li>
|
||
<li><a
|
||
href="http://webdesign.tutsplus.com/tutorials/how-to-check-for-dependencies-in-sass-libraries--cms-21558?_ga=1.200178030.119067414.1397820966">How
|
||
to check for dependencies in Sass libraries</a> at Tuts+
|
||
(02-07-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/tips-help-level-up-sass/">Tips to
|
||
help you level up your Sass</a> at SitePoint (26-06-2014)</li>
|
||
<li><a
|
||
href="http://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375">All
|
||
you ever need to know about Sass interpolation</a> at Tuts+
|
||
(24-06-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/better-solution-managing-z-index-sass/">A
|
||
better solution for managing z-index in Sass</a> at SitePoint
|
||
(20-06-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/compass-extensions-worth-a-try/">Useful
|
||
Compass extensions that are worth a try</a> at SitePoint
|
||
(09-06-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/using-sass-maps/">Using Sass
|
||
maps</a> at SitePoint (06-06-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/compass-or-bourbon-sass-frameworks/#comments">Compass
|
||
or Bourbon</a> at SitePoint (29-05-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/managing-responsive-breakpoints-sass/">Managing
|
||
responsive breakpoints in Sass</a> at SitePoint (20-05-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/sass-mixin-css-triangles/">A Sass
|
||
mixin for CSS triangles</a> at SitePoint (15-05-2014)</li>
|
||
<li><a
|
||
href="http://webdesign.tutsplus.com/articles/when-and-how-to-support-multiple-versions-of-sass--cms-20935">When
|
||
and how to support multiple versions of Sass</a> at Tuts+
|
||
(12-05-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/sass-mixins-kickstart-project/">Sass
|
||
mixins to kickstart your project</a> at SitePoint (08-05-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/whats-difference-sass-scss/">Sass
|
||
or SCSS</a> at SitePoint (29-04-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/my-favorite-sass-tools/">My
|
||
favourite Sass tools</a> at SitePoint (22-04-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/caching-values-sass-mixins/">Caching
|
||
values from Sass mixins</a> at SitePoint (15-04-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/cross-media-query-extend-sass/">Cross
|
||
<span class="citation" data-cites="media">@media</span> queries <span
|
||
class="citation" data-cites="extend">@extend</span> directive in
|
||
Sass</a> at SitePoint (10-04-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/creative-grid-system-sass-calc/">A
|
||
creative grid system with Sass and calc()</a> at SitePoint
|
||
(27-03-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/rainbow-border-with-sass/">Creating a
|
||
Rainbow Border with Sass</a> at SitePoint (18-03-2014)</li>
|
||
<li><a
|
||
href="thesassway.com/advanced/implementing-bubble-sort-with-sass">Implementing
|
||
the Bubble Sort algorithm in Sass</a> at TheSassWay (17-03-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/css-sass-styleguide/">My current
|
||
CSS and Sass styleguide</a> at SitePoint (13-03-2014)</li>
|
||
<li><a
|
||
href="http://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996">An
|
||
introduction to error handling in Sass</a> at Tuts+ (12-03-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/dealing-color-schemes-sass/">Dealing with
|
||
color schemes in Sass</a> at SitePoint (06-03-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/architecture-sass-project/">Architecture
|
||
for a Sass project</a> at SitePoint (27-02-2014)</li>
|
||
<li><a
|
||
href="http://www.sitepoint.com/compass-sass-jquery-javascript/">Is
|
||
Compass to Sass what jQuery is to JavaScript</a> at SitePoint
|
||
(17-02-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/sass-component-10-minutes/">A Sass
|
||
component in 10 minutes</a> at SitePoint (12-01-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/sass-extend-nobody-told-you/">What
|
||
nobody told you about Sass <span class="citation"
|
||
data-cites="extend">@extend</span></a> at SitePoint (05-02-2014)</li>
|
||
<li><a href="http://www.sitepoint.com/sass-mixin-placeholder/">Sass:
|
||
Mixin or placeholder?</a> at SitePoint (31-01-2014)</li>
|
||
<li><a
|
||
href="http://thesassway.com/advanced/how-to-programtically-go-from-one-color-to-another-in-sass">How
|
||
to programmatically go from one color to another</a> at TheSassWay
|
||
(30-01-2014)</li>
|
||
<li><a
|
||
href="http://thesassway.com/advanced/math-sequences-with-sass">Math
|
||
sequences with Sass</a> at TheSassWay (14-10-2013)</li>
|
||
<li><a
|
||
href="http://css-tricks.com/metafizzy-effect-with-sass/">MetaFizzy
|
||
effect with Sass</a> at CSS-Tricks (12-08-2013)</li>
|
||
<li><a href="http://davidwalsh.name/future-sass">Looking into the future
|
||
of Sass</a> at David Walsh’ (17-07-2013)</li>
|
||
<li><a href="http://css-tricks.com/striped-background-gradients/">Create
|
||
Striped Backgrounds With Gradients (and a Sass Mixin)</a> at CSS-Tricks
|
||
(09-07-2013)</li>
|
||
</ul>
|
||
<h2 id="screencasts">Screencasts</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.youtube.com/watch?v=H6Y9r49InXo&feature=youtu.be">SassBites
|
||
#42</a></li>
|
||
<li><a
|
||
href="https://cdnify.com/blog/sassdoc-document-sass-files-functions-mixins/">Podcast
|
||
at CDNify</a></li>
|
||
</ul>
|
||
<h2 id="codepen-sassmeister">CodePen / SassMeister</h2>
|
||
<ul>
|
||
<li><a href="https://sassmeister.com/gist/8b3d421c1e369ca5c88b">Assert
|
||
system</a></li>
|
||
<li><a href="https://sassmeister.com/gist/5a9558e4f2c9d82a70df">Simple
|
||
nth-of-type for IE</a></li>
|
||
<li><a href="https://sassmeister.com/gist/9eaa43a4a5de27647ca8">trim()
|
||
function</a></li>
|
||
<li><a href="https://sassmeister.com/gist/d342346d864467964b27">Multiple
|
||
properties sharing same value</a></li>
|
||
<li><a
|
||
href="https://sassmeister.com/gist/c36be3440dc2b5ae9ba2">Functional
|
||
programming</a></li>
|
||
<li><a href="https://sassmeister.com/gist/309a459ee3a625b2ab32">Fixing
|
||
Sass / Grid layout bug</a></li>
|
||
<li><a href="https://sassmeister.com/gist/2933ef053ae0bf70ad8b">Advanced
|
||
type checking</a></li>
|
||
<li><a href="https://sassmeister.com/gist/2f733e56552243ac9881">Dealing
|
||
with context and events in a friendly way</a></li>
|
||
<li><a href="https://sassmeister.com/gist/8d24cb970d1b5f90841a">A new
|
||
clamp function</a></li>
|
||
<li><a
|
||
href="https://sassmeister.com/gist/dda526ebe495b37714f2">Proxifying
|
||
functions and mixins</a></li>
|
||
<li><a href="http://sassmeister.com/gist/55ed62df060dfb39b614">Writing
|
||
modes handler</a></li>
|
||
<li><a href="http://sassmeister.com/gist/59eebf613a953839e282">Cast to
|
||
list / change list separator</a></li>
|
||
<li><a href="http://sassmeister.com/gist/f1fa4869678a4f16979c">Map extra
|
||
functions</a></li>
|
||
<li><a href="http://sassmeister.com/gist//95d78632dc2e02b905ba">Map API
|
||
polyfill for Sass 3.2</a></li>
|
||
<li><a
|
||
href="http://sassmeister.com/gist/a9e554b0e1a72a84fec7">Initialize a
|
||
comma-separated empty list</a></li>
|
||
<li><a
|
||
href="http://sassmeister.com/gist/b7946f09300c1cd9abf0">Dependency
|
||
checker</a></li>
|
||
<li><a href="http://sassmeister.com/gist/b94b72435717a759d37f">Some()
|
||
and every() functions</a></li>
|
||
<li><a href="http://sassmeister.com/gist/3f1a07fd2703af2e4fef">Find max
|
||
depth of a map</a></li>
|
||
<li><a
|
||
href="http://sassmeister.com/gist/7525f0546479acd1d6e1">jQuery-style
|
||
extend Sass function</a></li>
|
||
<li><a href="http://sassmeister.com/gist/a7c097629b60c41fb259">Fifty
|
||
Shades of Grey in Sass</a></li>
|
||
<li><a href="http://sassmeister.com/gist/11495287">Advanced
|
||
map-remove()</a></li>
|
||
<li><a href="http://sassmeister.com/gist/11286934">Float
|
||
comparison</a></li>
|
||
<li><a href="http://sassmeister.com/gist/11035501">Opposite direction
|
||
without Compass</a></li>
|
||
<li><a href="http://sassmeister.com/gist/11039956">Simple breakpoints
|
||
manager</a></li>
|
||
<li><a href="http://sassmeister.com/gist/11172138">z-index handling in
|
||
Sass projects</a></li>
|
||
<li><a href="http://sassmeister.com/gist/9933331">Map-fetch
|
||
function</a></li>
|
||
<li><a href="http://sassmeister.com/gist/10625439">Caching values from
|
||
mixins</a></li>
|
||
<li><a href="http://sassmeister.com/gist/9931274">Dot accessor for lists
|
||
and maps</a></li>
|
||
<li><a href="http://sassmeister.com/gist/9685761">Managing vendor
|
||
prefixes’ aliases</a></li>
|
||
<li><a href="http://sassmeister.com/gist/9431719">Prefixer
|
||
mixin</a></li>
|
||
<li><a href="http://sassmeister.com/gist/9481816">:matches() polyfill in
|
||
Sass</a></li>
|
||
<li><a href="http://sassmeister.com/gist/9327085">Sass to CSV
|
||
converter</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/Dzloe">An alert
|
||
component in Sass</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/hEaFt">Sass + calc: a
|
||
creative grid system</a></li>
|
||
<li><a
|
||
href="https://codepen.io/KittyGiraudel/pen/gHEkA">Programmatically
|
||
finding one color from another one</a></li>
|
||
<li><a href="http://sassmeister.com/gist/8334461">Levenshtein distance
|
||
between two strings in Sass</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/aEzLf">Google Font
|
||
Sass mixin</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/AxmBK">Float: down
|
||
with Sass</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/mnavc">CSS counters +
|
||
Sass</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/KFDuB">Sass mixin for
|
||
scrollbar styling</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/kDvua">Issues with
|
||
Sass lists</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/pJKek">Hyphens and
|
||
underscores in Sass names</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/qrjmd">Leap-year in
|
||
Sass</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/wiFHk">Prime number in
|
||
Sass</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/Jyimb"><span
|
||
class="citation" data-cites="for">@for</span> loop in keyframes</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/scluw">Step wizard
|
||
component</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/yGFri">Nested Sass
|
||
lists as property/value pairs</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/gaBhe">Differences
|
||
between () and null</a></li>
|
||
<li><a href="https://codepen.io/KittyGiraudel/pen/poJxy">Gradient from
|
||
loop</a></li>
|
||
</ul>
|
||
<h2 id="license">License</h2>
|
||
<p><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, <a
|
||
href="https://kittygiraudel.com">Kitty Giraudel</a> has waived all
|
||
copyright and related or neighboring rights to this work.</p>
|