30 geweldige bronnen voor Sass Lovers
Ondanks de voorspellingen van talloze sceptici, is Sass helemaal geen modegril gebleken, maar eerder een opmerkelijk robuuste set tools die de CSS-authoring echt verbeteren.
Ik ben een grote Sass-fan en ik weet dat velen van jullie dat ook zijn, dus ik heb deze lijst met dertig geweldige bronnen voor Sass-liefhebbers samengesteld. Daarin vind je allerlei goodies die op en voor Sass zijn gebouwd: frameworks, plug-ins, apps en nog veel meer.
Frameworks en rastersystemen
Kompas
Compass is de ultieme metgezel van Sass. Het zit boordevol vooraf gebouwde mixins en tools die het werken met Sass gemakkelijker dan ooit maken. Als je van Sass houdt maar niet de sprong hebt gewaagd en Compass hebt uitgeprobeerd, is het tijd om een kijkje te nemen.
Bourbon Sass Mixins Bibliotheek
Als Compass je overdreven lijkt, maar je houdt nog steeds van het idee om een aantal geweldige CSS3-mixins te gebruiken, kijk dan eens naar Bourbon. Na Compass is het absoluut een van de betere Sass-mixin-bibliotheken die ik heb gevonden.
Bourbon Nette
Bourbon Neat is een rastersysteem gebouwd met Sass en Bourbon. Het is supereenvoudig en volledig responsief.
fundament
Foundation is de belangrijkste concurrent van Twitter Bootstrap. Beide frameworks hebben een minimalistische esthetiek, zitten vol met geweldige UI-stukken en beschikken over responsieve frameworks. Er is echter in ieder geval een groot verschil: Bootstrap is gebouwd op MINDER terwijl Foundation is gebouwd op Sass. Als je een Sass-fan bent, ben je waarschijnlijk beter af met Foundation.
Bootstrap Sass
Als je vastbesloten bent om zowel Bootstrap als Sass te gebruiken, bekijk dan dit project, dat in wezen de MINDER Bootstrap-componenten in Sass herschrijft.
Animate.sass
Animate.css is een geweldige CSS-animatiebibliotheek waarover ik eerder heb geschreven. Animate.sass brengt het gemak van Sass naar deze bibliotheek.
Smederij
De officiële beschrijving vat het perfect samen: "Forge is een gratis opdrachtregel-toolkit voor het opstarten en ontwikkelen van WordPress-thema's in een opgeruimde omgeving met front-end-talen zoals Sass, LESS en CoffeeScript."
Skelet-SASS
Skeleton was het eerste responsieve rasterkader dat ik ooit heb gebruikt en ik heb er nog steeds een voorliefde voor. Hier is een bewerking van Skeleton met Sass.
Susy: responsieve rasters voor kompas
Grids waren vroeger een kernonderdeel van Compass, voordat ze werden uitgekleed om zich op andere aspecten te concentreren. Susy treedt op om de leegte te vullen en dient als een manier om responsieve rasters in Compass op te nemen.
Gravity Framework
Gravity is een robuust front-end HTML5-framework gebouwd op Sass.
Frameloos
Frameless is niet zozeer een raamwerk, maar een suggestie voor een nieuwe manier om uw roosters te structureren. Het zijn behoorlijk geavanceerde dingen, dus zorg ervoor dat je je karbonades kent voordat je het probeert. Frameless is niet volledig gericht op Sass, maar er is een Sass-sjabloon om u op weg te helpen.
Zen Grids
Ik heb onlangs een stuk geschreven dat de lof van Zen Grids zong. Het is waarschijnlijk mijn favoriete rastersysteem tot nu toe, en dat zegt iets omdat ik een fanatieke raster ben. Wat Zen Grids zo geweldig maakt, is dat het Sass zo gebruikt dat je alle voordelen van een rastersysteem krijgt terwijl je de vrijheid behoudt om volledig semantisch te zijn in je code. Wat wil je nog meer?
BlankWork - Flexibel SASS Gridsystem
Blankwork lijkt veel op Zen Grids. Het is een flexibel, responsief rastersysteem dat Sass gebruikt om u te bevrijden van niet-semantische klassenamen.
320 en hoger
320 en hoger is een responsieve, mobiele eerste boilerplate met zowel MINDER als Sass-versies.
Gridset
Bekijk dit artikel voor een diepgaande blik op Gridset. Het is een van de beste tools die er zijn voor het maken en beheren van responsieve rasters. Gebruikers hebben de mogelijkheid om alle uitvoercode in Sass te ontvangen.
Knoppen en gebruikersinterface
CSS3-knoppen van Chad Mazzola
Deze hippe set knoppen gebruikt zowel Sass als Bourbon om zijn magie te bewerken. Het resultaat is een set van echt goed uitziende en grondig ontwikkelde knoppen voor uw volgende project.
Zocial
Zocial is een CSS3 Sass-framework voor sociale knoppen. De knoppen zijn CSS3 en de pictogrammen zijn geïmplementeerd met een Sass @ font-face-mixin.
Sassy Knoppen
Sassy Buttons is een kompas-extensie waarmee je ongelooflijk aanpasbare en super aantrekkelijke knoppen kunt maken.
Apps
Verkenner
Scout is niet de mooiste Sass- en Compass-compiler, maar het heeft een heel solide ding: het is gratis. De anderen kunnen je meer dan $ 10-20 opleveren, maar Scout werkt als een charme, is platformonafhankelijk en kost je geen cent.
CodeKit
CodeKit is een krachtpatser van een compiler. Je kunt er vrijwel alles in gooien: MINDER, Sass, Stylus, CoffeeScript, het neemt alles in zich op en spuugt de standaardcode uit waarnaar je op zoek bent. Als je $ 25 te verbranden hebt, haal het dan.
LiveReload
LiveReload lijkt veel op CodeKit, het leeft alleen in uw menubalk en wordt geleverd met het extra gemak om uw browservoorbeeld te vernieuwen wanneer er wordt opgeslagen. Het is ook slechts $ 9, 99.
Hamer
Hammer voor Mac is een game-wisselaar. Het injecteert magie die je nooit voor mogelijk had gehouden bij het bouwen van statische sites. Bekijk hier mijn recensie voor de complete primeur. Naast andere, meer indrukwekkende acties, stelt Hammer ook je Sass samen. Handig!
Plug-ins
Sass. Suiker
Suikers zijn plug-ins voor MacRabbit's Espresso, die nog steeds een van mijn favoriete teksteditors is. Sass.sugar voegt Sass-syntaxisaccentuering toe aan espresso.
Sublieme tekst: Haml & Sass
Hier is een plug-in voor Sublime Text-gebruikers. U kunt ook gewoon naar de pakketbeheerder in ST2 gaan voor een Sass-plug-in.
Coda Sass Plug-in
We hebben Sublime en Espresso behandeld, dus laten we Coda-gebruikers niet weglaten. Hier is je plug-in.
FireSass voor Firebug
Met FireSass kan Firebug de originele Sass-bestandsnaam en het regelnummer van door Sass gegenereerde CSS-stijlen weergeven.
Andere extra's
Sass.js
Een JavaScript-implementatie van Sass, perfect voor Node-gebruikers.
Breekpunt
Breakpoint streeft ernaar het schrijven van mediaquery's eenvoudiger te maken met Sass. "Breakpoint handelt al het zware werk af, van het schrijven van de mediaquery zelf tot het oplossen van compatibiliteitsproblemen tussen browsers, zodat u zich kunt concentreren op wat belangrijk is: ervoor zorgen dat uw website er op zijn best uitziet."
MVCSS
MVCSS is niet zozeer een downloadbare bron als wel een aanbevolen methode voor het schrijven van CSS en Sass. Het is qua concept vergelijkbaar met SMACSS en OOCSS.
Normalize.css (met Sass of kompas)
Normalize.css probeert grote verschillen in de manier waarop verschillende browsers HTML en CSS weergeven te identificeren en te elimineren. Dit is een Sass-poort van dat bestand.
Wat heb ik gemist?
Deze dertig bronnen vertegenwoordigen enkele van de beste projecten die de Sass-gemeenschap te bieden heeft, maar ik weet zeker dat ik een paar geweldige heb gemist. Als je geweldige Sass-bronnen kent of zelf hebt gebouwd, laat dan hieronder een reactie achter en laat het ons weten.
