Mākslīgā virsma - mīlestība būs zibens ātrai CSS pamatstruktūrai

Izvēloties frontendu sistēmu, vispirms jūs apskatīsiet estētiku. Un nesaņem mani nepareizi, estētika ir svarīga!

Bet jūsu vietne veiktspēja ir ļoti svarīga lietojamībai, tāpat kā dizains jūsu lapas. Daudzām sistēmām, piemēram, Bootstrap, varat izvēlēties tikai veiktspēju vai dizainu, reti abus.

Tops ir atšķirīgs. Koncentrējoties tas ir paredzēts lietojamībai lielā mērā uz sniegumu. Faktiski, Topcoat ir pārbaudīts par veiktspēju, un katram jaunajam komponentam ir ātruma pārbaudes, lai nodrošinātu ātrāko ielādes laiku.

Par Topcoat vēsā lieta ir tā, ka tā arī nejūtas pārāk viegla vai minimālisma.

Jums vēl ir piekļūt milzīgai komponentu bibliotēkai no pogām uz cilnēm, izvēles rūtiņas, veidlapas lauki un ieslēgšanas / izslēgšanas slēdži (starp daudziem citiem elementiem).

Bibliotēkā ir CSS un JS fails, kuru jūs vienkārši ievietojat savā lapā, lai iegūtu darbu. Nekas nav pārāk sarežģīts, un, protams, nav sarežģītāks par čivināt Bootstrap.

Piešķirot komponentu bibliotēku, tā var justies mazāka par Bootstrap un tā ir paredzēta vieglākai. Tomēr lapas struktūra ir lieliska, padarot Topcoat izcilu satvaru pavisam jaunām vietnēm rūpēties par ātrumu vispirms.

Topcoat izmanto BEM nosaukumu konvencijas, kas ir viens no daudzajiem populārajiem CSS rakstīšanas stiliem, kas veikti, lai organizētu jūsu kodu. Tas var būt grūts, lai uzzinātu, vai vēlaties izvērst Topcoat stilu, bet tas būs diezgan daudz skaidrs.

Arī ar Topcoat jūs varat pilnībā piekļūt saviem PSD failiem, ja vēlaties rediģēt vai pārveidot kādu no lapas komponentiem. Diezgan vēss!

Viss no pielāgotie stili pasūtījuma ikonu kopām ir iepakoti ar Topcoat. Tas ir tīrākais priekšējais ietvars, kurā jūs atradīsiet skaidru uzmanību uz veiktspēju.

Lai uzzinātu vairāk, apmeklējiet Topcoat tīmekļa vietni un noteikti pārbaudiet galveno GitHub repo uzstādīšanas instrukcijām + lejupielādes saites uz avota failiem.

Jūs varat arī dalīties savās domās ar komandu savā Twitter kontā @topcoat.