Spectre.css - viegla Flexbox balstīta reaģējoša CSS sistēma
Ja vēlaties ienirt flexbox izkārtojumi tad tagad ir labākais laiks, lai sāktu. Mūsdienu pārlūkprogrammas ir visbeidzot, pieņemot flexbox īpašības un vairāk izstrādātāju iesaistās pasākumā.
Bet, kāpēc jūs varat sākt no nulles veidot uz atkārtoti izmantojamu kodu? Spectre.css ir viens no labākajiem pamatiem, lai sāktu lietot, ja esat jauns ar flexbox.
Šī bezmaksas atvērtā koda sistēma ir iepriekš uzbūvēta ar a funkcionējoša tīkla sistēma un kopējās elastīgās kastes īpašības. Tā paļaujas uz Gulp CSS apkopošanai un darbināšanai no jebkura datora.
Tas arī izmanto LESS Sass vietā, kas var padarīt Spektru un lielisku izvēli visiem LESS lietotājiem.
Vienā lejupielādē no npm nāk viss nepieciešamais: CSS ikonas, maisījumi, mainīgie, un kaut kas cits, ko jūs varētu sagaidīt no tipiskas CSS sistēmas.
Visi kods ir pilnīgi semantiski un atbalsta visus HTML teksta elementus, pat jaunākās . Arī teksta stili atbalstīt Austrumu un Āzijas fontus ar tādām valodām kā ķīniešu, japāņu un korejiešu.
Tu vari atrast t piemēri uz “Elementi” lapa, kas uzskaitīti dizaina paraugi teksta, pogas, tabulas, ikonas un tīmekļa veidlapas (cita starpā).
Specter arī nāk ar tonnas komponentu kas var ietaupīt laiku, kas pavadīts kodēšanai no nulles. Dinamiskās funkcijas, piemēram, pop-ups un nolaižamās izvēlnes, ir ļoti viegli pievienot jebkuram izkārtojumam ar tikai dažām koda rindām.
Šis ietvars ir joprojām ir diezgan jauns un tas vienmēr mainās. Šā rakstīšanas laikā Specter atrodas v0.2 un ir daudz eksperimentālu funkciju Jūs varat mēģināt.
Taču galvenās sastāvdaļas, lapas elementi un režģi ir pilnībā funkcionāla un gatavs dzīvai ražošanas vietai. Specter ir viens no labākajiem CSS ietvariem, kas darbojas ar mazāku ar flexbox tīkliem.
Lai uzzinātu vairāk un sāktu, apmeklējiet vietni dokumentācijas lapa aptver uzstādīšanu un iestatīšanu.
Varat arī lejupielādēt koda kopiju tieši no GitHub kurā ir arī neliela sadaļa dokumentācijai. Un, ja vēlaties dalīties savās domās, varat čivināt oficiālo kontu @spectrecss.
