30 pārsteidzoši resursi Sass mīļotājiem
Neskatoties uz neskaitāmo skeptiķu prognozēm, Sass nepavisam nav izrādījies iedoma, bet drīzāk ievērojami izcils rīku komplekts, kas patiesi uzlabo CSS autorēšanu.
Es esmu milzīgs Sass fans un zinu, ka arī daudzi no jums, tāpēc esmu sastādījis šo trīsdesmit apbrīnojamo resursu sarakstu Sass cienītājiem. Tajā atradīsit visu veidu labumus, kas balstīti uz Sass un uz Sass: ietvari, spraudņi, lietotnes un vēl daudz ko citu.
Rāmji un režģu sistēmas
Kompass
Kompass ir galvenais Sasa pavadonis. Tas ir pilns ar iepriekš izveidotiem maisījumiem un rīkiem, kas padara darbu ar Sass vieglāku nekā jebkad agrāk. Ja jums patīk Sass, bet neesat ķēries pie ienaidnieka un izmēģinājāt kompasu, ir pienācis laiks to apskatīt.
Burbon Sass Mixins bibliotēka
Ja Kompass jums šķiet pārāk liels, taču jums tomēr patīk ideja par dažu satriecošu CSS3 sajaukumu izmantošanu, pārbaudiet Bourbon. Pēc Compass tā noteikti ir viena no labākajām Sass mixin bibliotēkām, ko esmu atradis.
Burbonu kārtība
Bourbon Neat ir režģu sistēma, kas veidota ar Sass un Bourbon. Tas ir ļoti vienkārši un pilnībā atsaucīgi.
Fonds
Fonds ir Twitter Bootstrap galvenais konkurents. Abiem ietvariem ir minimālistiska estētika, tie ir pilni ar lieliskiem UI gabaliem, un tajos ir ietverti atsaucīgi ietvari. Tomēr vismaz tur ir liela atšķirība: Bootstrap ir veidots uz mazāk, bet fonds - uz Sass. Ja jūs esat Sass fans, jūs, iespējams, labāk izmantojat Foundation.
Bootstrap Sass
Ja esat miris gatavs izmantot gan Bootstrap, gan Sass, pārbaudiet šo projektu, kas būtībā pārraksta SESS mazākos Bootstrap komponentus.
Animēt.sass
Animate.css ir satriecoša CSS animācijas bibliotēka, par kuru esmu rakstījis jau iepriekš. Animate.sass nodrošina Sass ērtības šajā bibliotēkā.
Forge
Oficiālais apraksts to lieliski raksturo: “Forge ir bezmaksas komandrindas rīkkopa WordPress motīvu sāknēšanas un attīstīšanas veikšanai sakoptā vidē, izmantojot priekšējās valodas, piemēram, Sass, LESS un CoffeeScript.”
Skelets-SASS
Skelets bija pirmais reaģējošais režģa ietvars, ko es jebkad esmu izmantojis, un es joprojām to mīlu. Piedāvājam skeleta pārstrādi, izmantojot Sass.
Susy: reaģējoši režģi Compass
Režģi faktiski bija Compass galvenā sastāvdaļa, pirms tie tika izslēgti par labu koncentrēšanās uz citiem aspektiem. Sjūzija pakāpjas, lai aizpildītu tukšumu, un kalpo par veidu, kā kompasā iekļaut atsaucīgus režģus.
Gravitācijas ietvars
Gravitācija ir spēcīgs priekšējā HTML5 ietvars, kas izveidots uz Sass.
Bez rāmja
Bez rāmja ir ne tikai ietvars, bet ieteikums jaunam režģu struktūras veidošanas veidam. Tas ir diezgan sarežģīts sīkums, tāpēc pirms mēģināšanas pārliecinieties, ka zināt savas karbonādes. Bez rāmja nav pilnībā fokusēts uz Sass, taču, lai sāktu, ir Sass veidne.
Zen Grids
Nesen es uzrakstīju gabalu, kurā dziedāja Dzena Gridsa uzslavas. Iespējams, ka tā ir mana iecienītākā režģa sistēma līdz šim, un tas kaut ko pasaka, jo esmu režģa fanātiķis. Kas padara Zen Grids tik lielisku, ka tas izmanto Sass tādā veidā, ka jūs saņemat visas tīkla sistēmas priekšrocības, vienlaikus saglabājot brīvību būt pilnīgi semantiskai savā kodā. Ko vēl jūs varētu lūgt?
BlankWork - elastīga SASS režģu sistēma
Tukšais darbs ir līdzīgs Zen Grids. Tā ir elastīga, atsaucīga tīkla sistēma, kas izmanto Sass, lai atbrīvotu jūs no ne-semantiskiem klases nosaukumiem.
320 un uz augšu
320 and Up ir atsaucīga, mobila pirmā katla plāksne ar LESS un Sass versijām.
Gridseta
Lai iegūtu padziļinātu ieskatu Gridset, skatiet šo rakstu. Tas ir viens no labākajiem pastāvošajiem rīkiem, lai izveidotu un pārvaldītu atsaucīgus tīklus. Lietotājiem ir iespēja saņemt visu izvades kodu Sass.
Pogas un lietotāja saskarne
Čada Mazzola pogas CSS3
Šis burvīgais pogu komplekts izmanto gan Sass, gan Bourbon, lai darbotos ar maģiju. Rezultāts ir izveidots patiešām izskatīgs un rūpīgi izstrādāts taustiņš jūsu nākamajam projektam.
Sociālais
Zocial ir CSS3 sociālās pogas Sass. Pogas ir CSS3, un ikonas tiek ieviestas ar Sass @ font-face miksu.
Sassy pogas
Sassy Buttons ir kompasa paplašinājums, kas palīdz jums izveidot neticami pielāgojamas un īpaši pievilcīgas pogas.
Lietotnes
Skauts
Skauts nav visjaukākais Sass un Compass kompilators, taču tam ir viena ļoti piemērota lieta: tas ir bez maksas. Pārējie var novirzīt jūs no USD 10 līdz 20, bet skauts darbojas kā šarms, ir daudzplatformu un jums nemaksās ne centa.
CodeKit
CodeKit ir kompilatora spēkstacija. Jūs varat iemest tajā daudz ko vēlaties: LESS, Sass, Stylus, CoffeeScript, tas ņems to visu iekšā un izspļaus meklēto standarta kodu. Ja jums ir jāsamaksā 25 USD, dodieties to saņemt.
LiveReload
LiveReload ir līdzīgs CodeKit, tikai tas atrodas jūsu izvēlņu joslā, un tam ir pievienotas ērtības, lai atjauninātu pārlūkprogrammas priekšskatījumu ikreiz, kad tiek veikta saglabāšana. Tas ir arī tikai 9, 99 USD.
Āmurs
Hammer for Mac ir spēļu mainītājs. Statisku vietu veidošanā tas ievada maģiju, ko jūs nekad neesat uzskatījis par iespējamu. Pārbaudiet manu pārskatu šeit, lai uzzinātu pilnīgu liekšķeri. Starp citām, iespaidīgākām darbībām, Hammer arī apkopo jūsu Sass. Cik ērti!
Spraudņi
Sass.sugar
Cukuri ir spraudņi MacRabbit Espresso, kas joprojām ir viens no maniem iecienītākajiem teksta redaktoriem. Sass.sugar Espresso pievieno Sass sintakse izcelšanu.
Cildens teksts: Haml & Sass
Šis ir spraudnis cildenā teksta lietotājiem. Varat arī vērsties pie paketes pārvaldnieka ST2 par Sass spraudni.
Coda Sass spraudnis
Mēs esam aptvēruši Sublime un Espresso, tāpēc neatstāsim Coda lietotājus. Šeit ir jūsu spraudnis.
FireSass pārlūkprogrammai Firebug
FireSass ļauj Firebug parādīt Sass sākotnējā faila nosaukumu un Sass ģenerēto CSS stilu rindas numuru.
Citi labumi
Sass.js
Sass JavaScript ieviešana, kas lieliski piemērota mezglu lietotājiem.
Lūzuma punkts
Breakpoint mēģina ar Sass vienkāršot multivides vaicājumu rakstīšanu. “Breakpoint tiek galā ar visu smago darbu, sākot no paša multivides vaicājuma rakstīšanas līdz pārlūku savietojamības problēmu risināšanai, lai jūs varētu koncentrēties uz svarīgo: pārliecināties, vai jūsu vietne izskatās pēc iespējas labāk.”
MVCSS
MVCSS nav tik daudz lejupielādējams resurss, bet gan ieteicama metode CSS un Sass rakstīšanai. Pēc koncepcijas tas ir līdzīgs SMACSS un OOCSS.
Normalize.css (ar Sass vai Compass)
Normalize.css mēģina identificēt un novērst būtiskas atšķirības dažādās pārlūkprogrammās HTML un CSS atveidošanā. Šis ir šī faila Sass ports.
Ko man pietrūka?
Šie trīsdesmit resursi ir daži no labākajiem Sass kopienas piedāvātajiem projektiem, taču esmu pārliecināts, ka es palaidu garām dažus lieliskus projektus. Ja jūs zināt par lieliskiem Sass resursiem vai esat pats to izveidojis, atstājiet komentāru zemāk un informējiet mūs par to.
