Costruisci siti Web reattivi più velocemente con l'interfaccia utente semantica

I framework di frontend come Bootstrap sono ancora di moda. Ci sono dozzine di grandi scelte tra cui scegliere, ma una che ha recentemente attirato la mia attenzione è l' interfaccia semantica .

Certo, questa biblioteca è in circolazione da un po 'di anni. Tuttavia, la versione più recente della versione 2.2 è dotata di un sacco di funzionalità aggiuntive e dimostra che Semantic sarà disponibile per il lungo periodo.

Con dozzine di variabili CSS, classi responsive semplici e layout facili da configurare, non avrai problemi a lavorare con l'interfaccia utente Semantic da solo.

I nomi di classi e strutture di griglia semplici danno davvero un senso a questo quadro che si chiama "Semantic". Le lezioni sono molto sensate e questo rende il tuo HTML facile da leggere a distanza.

Include anche il supporto jQuery per elementi di pagina dinamici come i caroselli e i menu a discesa.

Ogni elemento HTML sotto il sole è personalizzato e perfettamente funzionante con l'interfaccia utente Semantic. Questo include elementi HTML5 oltre a funzionalità extra come valutazioni e schede personalizzate.

Ma forse la parte migliore di Semantic è la configurazione dei temi . Non solo ottieni tonnellate di stili ed elementi dinamici predefiniti, ma puoi anche ridisegnarli creando il codice di Semantic.

L'intera libreria ammonta a oltre 3000 variabili tematiche che puoi modificare in Sass o estendere il tuo foglio di stile. Inoltre, Semantic UI è dotato di nove temi predefiniti :

1. Predefinito semantico
2. Paffuto
3. Sollevato
4. Classico
5. Materiale Google
6. Amazon
7. bootstrap
8. GitHub
9. cinguettio

Queste sono solo la punta dell'iceberg e agiscono più come punti di partenza per progettare il tuo tema .

Se stai creando una nuova pagina di destinazione o un sito Web personalizzato da zero, considera seriamente di lavorare con l'interfaccia utente Semantic. È completamente gratuito e open source con una grande documentazione online .

Puoi sfogliare gli stili di layout, insieme alle guide per tutti gli elementi principali e ai temi personalizzati .

E, puoi scaricare una copia del codice sorgente direttamente da GitHub, che include anche una guida per i principianti .