Topcoat - Lynrask CSS Framework Utviklere vil elske

Når du velger en frontendramme, ser du vanligvis på estetikk først. Og ikke ta feil, estetikk er viktig!

Men nettstedet ditt er ytelse er avgjørende for brukervennlighet like mye som design av siden din. For mange rammer som Bootstrap, kan du bare velge ytelse eller design, sjelden begge deler.

Topcoat er forskjellig. Den er designet med brukervennlighet i tankene mens du fokuserer tungt på ytelsen. Faktisk har Topcoat blitt testet for ytelse og hver ny komponent kjører fartforsøk for å sikre den raskeste lastetiden.

Den kule tingen om Topcoat er at den heller ikke føles for lett eller minimalistisk.

Du har fortsatt tilgang til et stort bibliotek med komponenter fra knapper til faner, boksene, skjemafeltene og på / av-bryterne (blant mange andre elementer).

Biblioteket kommer med en CSS og JS-fil som du bare inkluderer på siden din for å få jobbe. Ingenting er for komplisert, og absolutt ikke mer komplisert enn Twitter's Bootstrap.

Gitt komponentbiblioteket kan føles mindre enn Bootstrap, og det er ment å være lettere. Sidestrukturen er imidlertid flott å lage Topcoat et strålende rammeverk for helt nye nettsteder som bryr seg om fart først.

Topcoat bruker BEM navngivningskonvensjoner, en av mange populære CSS skrivestiler laget for å organisere koden din. Dette kan være vanskelig å lære om du vil utvide Topcoats stilark, men det vil klare opp kodingsprosessen litt.

Også med Topcoat får du full tilgang til deres PSD-filer hvis du vil redigere eller omforme noen av komponentene på siden. Ganske kult!

Alt fra Tilpassede stiler til egendefinerte ikon sett kommer pakket med Topcoat. Det er den reneste frontendrammen du finner med et klart fokus på ytelse.

For å lære mer, besøk Topcoat-nettsiden og sørg for å sjekke GitHub-repoens hovedreferanse for oppsettinstruksjoner + laste ned koblinger til kildefilene.

Du kan også dele tankene dine med teamet på Twitter-kontoen @topcoat.