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 attirato la mia attenzione di recente UI semantica.
Certo, questa biblioteca è in circolazione da un po 'di anni. Tuttavia, la versione più recente della versione 2.2 viene fornito con un sacco di funzioni aggiunte e dimostra che Semantic sarà in giro per il lungo raggio.
Con dozzine di Variabili CSS, semplici classi di risposta, e layout facili da configurare, non avrai problemi a lavorare con Semantic UI da solo.
Il nomi di classi e strutture di griglia semplici dare davvero un senso a questo quadro che viene chiamato “Semantico”. Le classi sono molto sensibili e questo rende il tuo codice HTML facile da leggere a distanza.
Viene anche con Supporto jQuery per elementi di pagina dinamici ad esempio caroselli e menu a discesa selezionare.
Ogni elemento HTML sotto il sole è personalizzato e perfettamente funzionante con l'interfaccia utente semantica. Questo include elementi HTML5 oltre a funzionalità extra come valutazioni e schede personalizzate.
Ma forse la parte migliore di Semantic è il setup di tematizzazione. Non solo ottieni tonnellate di stili predefiniti ed elementi dinamici, ma puoi anche farlo Rinnova te stesso costruire in cima al codice di Semantic.
L'intero totale della biblioteca 3000+ variabili tematiche puoi modificare in Sass o estendere il tuo foglio di stile. Inoltre, l'interfaccia utente Semantic viene fornita con nove temi predefiniti:
- Predefinito semantico
- Paffuto
- Sollevato
- Classico
- Materiale Google
- Amazon
- bootstrap
- GitHub
- 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 ottima documentazione online.
Puoi sfogliare stili di layout, insieme a guide per tutti gli elementi principali e temi personalizzati.
E, puoi scaricare a copia del codice sorgente direttamente da GitHub, che include anche a guida per principianti.
