Nonostante le previsioni di innumerevoli scettici, Sass non si è dimostrato affatto una moda passeggera, ma piuttosto un set di strumenti straordinariamente robusto che migliora veramente l'authoring dei CSS.
Sono un grande fan di Sass e so che molti di voi lo sono, quindi ho compilato questa lista di trenta risorse straordinarie per gli amanti di Sass. In esso troverai tutti i tipi di gadget creati su e per Sass: framework, plugin, app e molto altro.
Quadri e sistemi a griglia
Bussola
Compass è la compagna per eccellenza di Sass. È pieno zeppo di mix e strumenti predefiniti che rendono il lavoro con Sass più facile che mai. Se ami Sass ma non hai fatto il grande passo e hai provato Bussola, è tempo di dare un'occhiata.
Biblioteca Bourbon Sass Mixins
Se Compass ti sembra eccessivo, ma ti piace ancora l'idea di sfruttare alcuni fantastici mix3 CSS3, dai un'occhiata a Bourbon. Dopo Compass, è sicuramente una delle migliori librerie di mixin di Sass che ho trovato.
Bourbon Neat
Bourbon Neat è un sistema a griglia costruito con Sass e Bourbon. È super semplice e pienamente reattivo.
Fondazione
Foundation è il principale concorrente di Twitter Bootstrap. Entrambe le strutture hanno un'estetica minimalista, sono piene di grandi pezzi dell'interfaccia utente e dispongono di strutture reattive. C'è almeno una grande differenza però: Bootstrap è costruito su LESS mentre Foundation è costruito su Sass. Se sei un fan di Sass, probabilmente stai meglio con Foundation.
Bootstrap Sass
Se sei morto impostato sull'utilizzo sia di Bootstrap che di Sass, dai un'occhiata a questo progetto, che essenzialmente riscrive i componenti LESS Bootstrap in Sass.
Animate.sass
Animate.css è una fantastica libreria di animazioni CSS di cui ho parlato prima. Animate.sass porta la comodità di Sass in questa libreria.
Fucina
La descrizione ufficiale lo riassume perfettamente: "Forge è un toolkit da riga di comando gratuito per l'avvio e lo sviluppo di temi WordPress in un ambiente ordinato utilizzando linguaggi front-end come Sass, LESS e CoffeeScript."
Skeleton-SASS
Skeleton è stata la prima struttura di griglia reattiva che io abbia mai usato e ho ancora una passione per questo. Ecco una rielaborazione di Skeleton usando Sass.
Susy: griglie reattive per Compass
In realtà le griglie erano una parte fondamentale di Compass, prima di essere spogliate per concentrarsi su altri aspetti. Susy si attiva per riempire il vuoto e serve come modo per incorporare le griglie reattive in Compass.
Gravity Framework
Gravity è un robusto framework HTML5 front-end costruito su Sass.
senza telaio
Frameless non è tanto un framework quanto un suggerimento per un nuovo modo di strutturare le tue griglie. Sono cose piuttosto avanzate quindi assicurati di conoscere i tuoi tagli prima di provarci. Frameless non è completamente focalizzato su Sass, ma c'è un modello Sass per iniziare.
Zen Grids
Recentemente ho scritto un pezzo che ha cantato le lodi di Zen Grids. È probabilmente il mio sistema a griglia preferito fino ad oggi, e questo sta dicendo qualcosa dato che sono un fanatico della griglia. Ciò che rende le Griglie Zen così grandi è che fa leva su Sass in modo tale da ottenere tutti i benefici di un sistema a griglia mantenendo la libertà di essere completamente semantico nel codice. Cosa si può chiedere di più?
BlankWork - Sistema di sicurezza flessibile SASS
Blankwork è molto simile a Zen Grids. È un sistema di grid flessibile e reattivo che usa Sass per liberarti dai nomi di classi non semantiche.
320 e fino
320 e Up è un boilerplate reattivo e mobile con entrambe le versioni LESS e Sass.
Gridset
Per uno sguardo approfondito su Gridset, dai un'occhiata a questo articolo. È uno dei migliori strumenti disponibili per la creazione e la gestione di griglie reattive. Gli utenti hanno la possibilità di ricevere tutto il codice di uscita in Sass.
Pulsanti e interfaccia utente
Tasti CSS3 di Chad Mazzola
Questo elegante set di pulsanti utilizza sia Sass che Bourbon per far funzionare la sua magia. Il risultato è un set di pulsanti davvero belli e sviluppati per il tuo prossimo progetto.
Zocial
Zocial è un social framework per pulsanti CSS di Sass. I pulsanti sono CSS3 e le icone sono implementate con un mixin Sass @ font-face.
Pulsanti Sassy
Sassy Buttons è un'estensione della bussola che ti aiuta a creare pulsanti incredibilmente personalizzabili e super-attraenti.
applicazioni
esploratore
Scout non è il compilatore Sass e Compass più carino, ma ha una cosa davvero solida: è gratuito. Gli altri possono portarti verso l'alto di $ 10-20 ma Scout funziona come un incantesimo, è multipiattaforma e non ti costerà un centesimo.
CodeKit
CodeKit è un potente motore di un compilatore. Puoi lanciare praticamente tutto ciò che vuoi: LESS, Sass, Stylus, CoffeeScript, ci vorrà tutto e sputare il codice standard che stai cercando. Se hai $ 25 da bruciare, vai a prenderlo.
LiveReload
LiveReload è molto simile a CodeKit, solo che vive nella barra dei menu e viene fornito con la comodità di aggiornare l'anteprima del browser ogni volta che viene effettuato un salvataggio. È anche solo $ 9,99.
Martello
Hammer per Mac è un punto di svolta. Inietta la magia che non avresti mai pensato possibile nella costruzione di siti statici. Controlla la mia recensione qui per lo scoop completo. Tra le altre, azioni più impressionanti, Hammer compila anche il tuo Sass. Quanto conveniente!
plugin
Sass.sugar
Gli zuccheri sono plugin per MacRabbit's Espresso, che continua a essere uno dei miei editor di testo preferiti. Sass.sugar aggiunge l'evidenziazione della sintassi di Sass a Espresso.
Testo sublime: Haml e Sass
Ecco un plugin per gli utenti di Testo Sublime. Puoi anche attivare il gestore pacchetti in ST2 per un plugin Sass.
Plug-in Coda Sass
Abbiamo coperto Sublime ed Espresso, quindi non lasciamo fuori gli utenti Coda. Ecco il tuo plugin.
FireSass per Firebug
FireSass consente a Firebug di visualizzare il nome file originale Sass e il numero di riga degli stili CSS generati da Sass.
Altri extra
Sass.js
Un'implementazione JavaScript di Sass, perfetta per gli utenti di Node.
Punto di rottura
Breakpoint cerca di semplificare la scrittura di query multimediali con Sass. ? Breakpoint gestisce tutto il sollevamento pesante, dalla scrittura della query multimediale stessa, alla gestione dei problemi di compatibilità cross-browser, così puoi concentrarti su ciò che è importante: assicurati che il tuo sito web sia al meglio.
MVCSS
MVCSS non è tanto una risorsa scaricabile in quanto è un metodo consigliato per scrivere CSS e Sass. È simile nel concetto a SMACSS e OOCSS.
Normalize.css (con Sass o Compass)
Normalize.css cerca di identificare ed eliminare le principali differenze nel modo in cui i diversi browser rendono HTML e CSS. Questa è una porta Sass di quel file.
Cosa mi sono perso?
Queste trenta risorse rappresentano alcuni dei migliori progetti che la comunità di Sass ha da offrire, ma sono sicuro che mi mancano alcuni grandi. Se conosci grandi risorse di Sass o ne hai creato di nuove, lascia un commento qui sotto e faccelo sapere.