Spectre.css - lengvas „Flexbox“ pagrįstas reaguojantis CSS pagrindas

Jei norite nardyti „flexbox“ išdėstymai tada dabar yra geriausias laikas pradėti. Šiuolaikinės naršyklės yra pagaliau priima „flexbox“ savybes ir daugiau kūrėjų patenka į veiksmą.

Bet kodėl galite pradėti nuo nulio, kai galite pastatyti ant daugkartinio naudojimo kodo? Spectre.css yra vienas iš geriausių būdų pradėti naudoti, jei esate naujas „flexbox“.

Ši nemokama atviro kodo sistema parengta iš anksto veikianti tinklo sistema ir bendrosios „flexbox“ savybės. Tai remiasi „Gulp“ rinkti ir paleisti CSS skraidant iš bet kurio kompiuterio.

Taip pat naudoja LESS vietoj „Sass“, kuris gali padaryti „Specter“ ir puikų pasirinkimą visiems LESS vartotojams.

Vienas atsisiuntimas iš npm ateina su viskuo, ko jums reikia: CSS piktogramos, mišiniai, kintamieji, ir gana daug ką nors, ko tikitės iš tipinės CSS sistemos.

Visi kodai yra visiškai semantinis ir palaiko visus HTML teksto elementus, net ir naujesni . Teksto stiliai taip pat remti Rytų Azijos šriftus kalbomis, pvz., kinų, japonų ir korėjiečių.

Tu gali rasti tonų pavyzdžių ant “Elementai” puslapis, kuriame išvardija dizaino pavyzdžius teksto, mygtukų, lentelių, piktogramų ir žiniatinklio formų (be kita ko).

Taip pat ateina spektras tonų komponentų tai gali sutaupyti valandų, praleistų koduojant nuo nulio. Dinaminės funkcijos, toks kaip pop-up ir išskleidžiamajame meniu, yra labai lengva pridėti prie bet kokio išdėstymo, tik keliomis eilutėmis kodo.

Ši sistema yra vis dar gana naujas ir visada vyksta pokyčiai. Šio rašymo metu „Specter“ yra v0.2 ir turi daug eksperimentinių savybių galite pabandyti.

Tačiau pagrindiniai komponentai, puslapio elementai ir tinklai yra pilnai veikiantis ir pasiruošę gyvai gamybos vietai. „Spectre“ yra viena iš geriausių „CSS“ sistemų, veikiančių „Less“ su „flexbox“ tinklais.

Jei norite sužinoti daugiau ir pradėti, apsilankykite dokumentacijos puslapis apimantis diegimą ir diegimą.

Taip pat galite atsisiųsti kodo kopiją iš GitHub kuri taip pat turi nedidelę dokumentacijos dalį. Ir, jei norite pasidalinti savo mintimis, galite keisti oficialią sąskaitą @spectrecss.