Byg svarende websites hurtigere med semantiske brugergrænseflader
Frontend rammer som Bootstrap er stadig alle raseri. Der er snesevis af gode valg at vælge imellem, men en, der for nylig fangede min opmærksomhed er Semantisk brugergrænseflade.
Bevilget dette bibliotek har eksisteret i et stykke tid, der går tilbage nogle få år. Men den nyeste version af version 2.2 leveres med en masse ekstra funktioner og beviser at Semantic kommer til at være rundt for det lange træk.
Med dusinvis af CSS variabler, enkle lydhørklasser, og nemme at opsætte layouts, du har ingen problemer med at arbejde med semantiske brugergrænseflader alene.
Det enkle klassenavne og gitterstrukturer virkelig give mening til denne ramme bliver kaldt “Semantisk”. Klasserne er meget fornuftige, og det gør din HTML nem at læse i en afstand.
Det kommer endda med jQuery-understøttelse af dynamiske sideelementer som karruseller og dropdown vælg menuer.
Hvert HTML-element under solen er tilpasset og fuldt funktionelt med semantisk brugergrænseflade. Dette omfatter HTML5 elementer plus ekstra funktionalitet som ratings og brugerdefinerede faner.
Men måske er den bedste del af semantisk den tema opsætning. Ikke alene får du tonsvis af prædesignede stilarter og dynamiske elementer, men du kan også restyl disse selv bygger på toppen af Semantics kode.
Hele biblioteket udgøres 3.000 + tema variabler Du kan ændre i Sass eller ved at udvide dit eget stilark. Plus, semantiske brugergrænseflader kommer pakket med ni standardtemaer:
- Semantisk standard
- Buttede
- Hævet
- klassisk
- Google Material
- Amazon
- bootstrap
- GitHub
Disse er bare toppen af isbjerget, og de virker mere som udgangspunkt for at designe dit eget tema.
Hvis du opbygger en ny destinationsside eller brugerdefineret hjemmeside fra bunden, så overvej at overveje at arbejde med semantisk brugergrænseflade. Det er helt gratis og open source med stor dokumentation online.
Du kan gennemse layout stilarter, sammen med guider for alle de vigtigste elementer og brugerdefinerede temaer.
Og du kan downloade en kopi af kildekoden direkte fra GitHub, som også indeholder en guide til begyndere.
