Trots förutsägelserna av otaliga skeptiker har Sass inte visat sig vara en fluga alls, utan snarare en anmärkningsvärt robust uppsättning verktyg som verkligen förbättrar CSS-författningen.
Jag är en stor Sass-fan och jag vet att många av er också, så jag har sammanställt den här listan med trettio fantastiska resurser för Sass-älskare. Här hittar du alla slags godisar som byggdes på och för Sass: ramar, plugins, apps och mycket mer.
Ramar och nätverkssystem
Kompass
Kompass är den avgörande följeslagaren till Sass. Det är fullt av förbyggda mixins och verktyg som gör det enklare än någonsin att arbeta med Sass. Om du älskar Sass men inte tagit springan och provat Compass är det dags att ta en titt.
Bourbon Sass Mixins Library
Om Compass verkar som överkill för dig, men du tycker fortfarande om att använda några fantastiska CSS3 mixins, kolla in Bourbon. Efter Compass är det definitivt en av de bättre Sass mixin-biblioteken som jag har hittat.
Bourbon snyggt
Bourbon Neat är ett gallersystem byggt med Sass och Bourbon. Det är super enkelt och fullt mottagligt.
fundament
Stiftelsen är huvudkonkurrenten till Twitter Bootstrap. Båda ramarna har en minimalistisk estetik, är fulla av stora UI-bitar och har responsiva ramar. Det finns dock åtminstone stor skillnad: Bootstrap är byggt på MINDRE medan Foundation bygger på Sass. Om du är en Sass-fan, är du förmodligen bättre med Foundation.
Bootstrap Sass
Om du är död inställd med både Bootstrap och Sass, kolla in det här projektet, vilket i huvudsak omskriver komponenterna LESS Bootstrap i Sass.
Animate.sass
Animate.css är ett fantastiskt CSS animationsbibliotek som jag har skrivit om tidigare. Animate.sass ger Sass bekvämlighet till detta bibliotek.
Förfalska
Den officiella beskrivningen sammanfattar det perfekt:? Forge är ett gratis kommandoradsverktyg för uppstart och utveckling av WordPress-teman i en städad miljö med hjälp av avancerade språk som Sass, LESS och CoffeeScript.?
Konstruktions-SASS
Skelett var det första reagerande rutnätverket som jag någonsin använt och jag har fortfarande en förkärlek för det. Här är ett omarbetande av Skelett med Sass.
Susy: Responsive nät för kompass
Grids har faktiskt varit en kärnkomponent i Compass, innan de tagits bort för att fokusera på andra aspekter. Susy går upp för att fylla tomrummet och fungerar som ett sätt att integrera lyhörda rader i Compass.
Gravity Framework
Gravity är en robust front-end HTML5-ram byggd på Sass.
ramlösa
Frameless är inte så mycket en ram som ett förslag på ett nytt sätt att strukturera dina nät. Det är några ganska avancerade saker så se till att du känner dina kotletar innan du försöker det. Frameless är inte helt Sass-fokuserad, men det finns en Sass-mall för att komma igång.
Zen Grids
Jag skrev nyligen ett stycke som sjöng roserna av Zen Grids. Det är förmodligen mitt favoritnätverk hittills, och det säger något eftersom jag är en rytm fanatiker. Det som gör Zen Grids så bra är att det utnyttjar Sass på ett sådant sätt att du får alla fördelarna med ett nätsystem samtidigt som du behåller friheten att vara helt semantisk i din kod. Vad mer kan du begära?
BlankWork - Flexibelt SASS Gridsystem
Blankwork är mycket som Zen Grids. Det är ett flexibelt, lyhörd system som använder Sass för att befria dig från icke-semantiska klassnamn.
320 och uppåt
320 och Up är en lyhörd, mobil första panna med både LESS och Sass versioner.
Gridset
För en fördjupad titt på Gridset, kolla in den här artikeln. Det är ett av de enda bästa verktygen som finns för att skapa och hantera responsiva nät. Användare har möjlighet att ta emot all utmatningskod i Sass.
Knappar och användargränssnitt
CSS3 knappar av Chad Mazzola
Denna snygga uppsättning knappar använder både Sass och Bourbon för att fungera sin magi. Resultatet är en uppsättning riktigt snygga och väl utvecklade knappar för ditt nästa projekt.
Zocial
Zocial är en CSS3 sociala knappar Sass-ram. Knapparna är CSS3 och ikonerna implementeras med ett Sass @ font-face mixin.
Sassy Knappar
Sassy Buttons är en kompass förlängning som hjälper dig att skapa otroligt anpassningsbara och super attraktiva knappar.
Apps
spana
Scout är inte den vackraste Sass and Compass-kompilatorn, men det har en väldigt solid sak som går för det: det är gratis. De andra kan köra dig upp till $ 10-20 men Scout fungerar som en charm, är plattform och kostar inte dig en cent.
CodeKit
CodeKit är ett kraftverk av en kompilator. Du kan kasta ganska mycket vad du vill ha på det: MINDRE, SASS, Stylus, CoffeeScript, det tar allt och spitar ut den standardkod du letar efter. Om du har $ 25 att bränna, ta det.
LiveReload
LiveReload är mycket som CodeKit, den lever bara i menyraden och kommer med den extra bekvämligheten att uppdatera din webbläsares förhandsgranskning när en spara görs. Det är också bara $ 9,99.
Hammare
Hammer for Mac är en spelväxlare. Det sprutar magi som du aldrig trodde var möjligt att bygga statiska platser. Kolla in min recension här för komplett scoop. Bland annat mer imponerande åtgärder, Hammer sammanställer också din Sass. Så passande!
plugins
Sass.sugar
Suckar är plugins för MacRabbit's Espresso, som fortfarande är en av mina favorit textredigerare. Sass.sugar lägger till Sass syntaxbelysning till Espresso.
Sublim Text: Haml & Sass
Här är ett plugin för Sublime Text-användare. Du kan bara vända dig till pakethanteraren i ST2 för ett Sass-plugin också.
Coda Sass Plug-in
Vi har täckt Sublime och Espresso, så låt oss inte lämna Coda-användare. Här är din plugin.
FireSass for Firebug
FireSass tillåter Firebug att visa det ursprungliga Sass-filnamnet och radnummer av Sass-genererade CSS-format.
Andra godisar
Sass.js
En JavaScript-implementering av Sass, perfekt för Node-användare.
brytpunkt
Breakpoint syftar till att göra skrivande mediafrågor enklare med Sass. ? Breakpoint hanterar all tung lyftning, från att skriva mediafrågan själv, för att hantera kompatibilitetsproblem i webbläsaren, så att du kan fokusera på det som är viktigt: se till att din webbplats ser bäst ut.?
MVCSS
MVCSS är inte så mycket en nedladdningsbar resurs eftersom det är en föreslagen metod för att skriva CSS och Sass. Det är liknande i konceptet till SMACSS och OOCSS.
Normalize.css (Med Sass eller Kompass)
Normalize.css syftar till att identifiera och eliminera stora skillnader i hur olika webbläsare gör HTML och CSS. Det här är en Sass-port i den filen.
Vad missade jag?
Dessa trettio resurser representerar några av de bästa projekten som Sass-samhället har att erbjuda, men jag är säker på att jag saknade några bra. Om du vet om några stora Sass-resurser eller har byggt någon själv, lämna en kommentar nedan och meddela oss om det.