it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


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 .

Google rilascia Pixel come se fosse Apple - e l'innovazione è morta

Google rilascia Pixel come se fosse Apple - e l'innovazione è morta

Google Pixel, il primo telefono di Google dentro e fuori (ma costruito da HTC), è atterrato. Ciò segna il ritardo di Google nell'ingresso di smartphone premium attualmente dominati da nomi esplosivi come Apple e Samsung. Come il keynote e il video promozionale di Google Pixel fa il suo giro ...

(Consigli tecnici e di design)

Pictaculous: ottieni la tua tavolozza dei colori tramite e-mail

Pictaculous: ottieni la tua tavolozza dei colori tramite e-mail

Siamo appassionati di strumenti a colori e raccoglitori di colori perché rendono le nostre vite di progettisti un tutto perso più facilmente. Strumenti come 0to255 ci aiutano a trovare i codici HEX per le sfumature di colore, mentre Adobe Kuler ci consente di generare combinazioni di colori da un dispositivo iOS.

(Consigli tecnici e di design)