Pagrindinis » Įrankių rinkinys » Viršutinis sluoksnis - „Žaibiški“ CSS pagrindų kūrėjai mylės

    Viršutinis sluoksnis - „Žaibiški“ CSS pagrindų kūrėjai mylės

    Renkantis priekinės dalies sistemą, dažniausiai žiūrėsite į estetiką. Ir nesupraskite manęs, estetika yra svarbi!

    Bet jūsų svetainė našumas yra labai svarbus naudojimui, kaip ir dizainas puslapio. Daugeliui sistemų, pvz., „Bootstrap“, galite pasirinkti tik našumą ar dizainą, retai abu.

    Viršutinis sluoksnis yra kitoks. Jis sukurtas atsižvelgiant į tai, kad jame dėmesys sutelkiamas labai priklauso nuo veiklos rezultatų. Tiesą sakant, „Topcoat“ buvo išbandytas dėl našumo ir kiekvienas naujas komponentas atlieka greičio bandymus, kad būtų užtikrintas greičiausias apkrovos laikas.

    Viskas apie „Topcoat“ yra ta, kad jis taip pat nesijaučia pernelyg lengvas ar minimalistinis.

    Jūs vis dar turite prieigą prie didžiulės komponentų bibliotekos nuo mygtukų iki skirtukų, žymės langeliai, formos laukai ir įjungimo / išjungimo jungikliai (tarp daugelio kitų elementų).

    Bibliotekoje yra CSS ir JS failas, kurį tiesiog įtraukiate į savo puslapį, kad galėtumėte dirbti. Niekas pernelyg sudėtingas, ir tikrai nėra sudėtingesnis nei „Twitter“ „Bootstrap“.

    Komponentų biblioteka gali būti mažesnė nei „Bootstrap“ ir ji turi būti lengvesnė. Tačiau puslapio struktūra yra puiki, todėl „Topcoat“ yra puikus pagrindas naujoms svetainėms rūpintis greičiu Pirmas.

    Viršutinis sluoksnis naudoja BEM pavadinimų konvencijas, vieną iš daugelio populiarių CSS rašymo stilių, sukurtų kodui tvarkyti. Tai gali būti sunku išmokti, jei norite išplėsti viršutinio sluoksnio stiliaus lapą, tačiau ji bus šiek tiek išvalyta.

    Be to, su „Topcoat“ galite gauti pilną prieigą prie jų PSD failų, jei norite redaguoti ar pertvarkyti bet kurį puslapio komponentą. Gana kietas!

    Viskas iš pasirinktiniai stiliai pagal pasirinktinius piktogramų rinkinius yra supakuoti su „Topcoat“. Tai švariausia priekinio vaizdo sistema, kurioje rasite aiškų dėmesį į našumą.

    Jei norite sužinoti daugiau, apsilankykite „Topcoat“ svetainėje ir patikrinkite pagrindinį „GitHub“ repo, skirtą diegimo instrukcijoms, ir atsisiųskite nuorodas į šaltinio failus.

    Taip pat galite pasidalinti savo mintimis su komanda savo Twitter sąskaitoje @topcoat.