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


Questa galleria di icone Pure CSS è ciò che tutti gli sviluppatori di frontend desiderano

Il designer Adobe Wenting Zhang ha creato un'interessante app Web per la generazione di icone CSS pure . Si chiama semplicemente "Icona CSS" e potrebbe essere uno dei più cool generatori di icone per gli sviluppatori di frontend.

Questo progetto è completamente gratuito e open-source su GitHub in modo da essere libero di scaricare e pasticciare con uno qualsiasi dei codici.

Queste icone non hanno alcuna dipendenza CSS o necessitano di caratteristiche speciali del browser. A prima vista, potrebbe sembrare che le icone siano costruite su SVG, ma in realtà sono solo div .

Attraverso la magia del CSS, puoi creare icone di linee personalizzate per elementi di interfaccia comuni come il menu dell'hamburger, l'icona a tre punti o l'icona di stampa (tra molte altre).

È possibile scegliere tra icone di linea sottile o icone piene di colore scuro . Entrambi utilizzano proprietà CSS simili e puoi persino vedere cosa sono facendo clic su qualsiasi icona nell'elenco. Vedrai una barra laterale scorrevole con il codice HTML e CSS insieme all'icona ingrandita.

Se guardi verso l'angolo in alto a destra dei campi del codice vedrai una piccola icona di copia . Fare clic per copiare automaticamente il codice negli Appunti. Oh, e quell'icona della copia? Costruito anche con il puro codice CSS di Wenting.

Per cambiare il colore di qualsiasi icona, trova la proprietà del color nella classe dell'icona principale. Aggiornare quella proprietà di un color cambierà anche tutto il resto.

Dal momento che queste icone sono piuttosto semplici, probabilmente non funzioneranno per tutti i siti web. Ma questa è una valida alternativa alle immagini o ai font di icone ed è completamente gratuita .

Controlla la home page dell'icona CSS per vedere altri esempi e per copiare / modificare la fonte . Puoi anche testare ciascuna icona separatamente in CodePen se vuoi giocare con la sorgente nel tuo browser.

5 nuovi linguaggi di programmazione da apprendere nel 2017

5 nuovi linguaggi di programmazione da apprendere nel 2017

Essere uno sviluppatore è stata una scelta di carriera per un po ', ed è difficile immaginare che cambierà presto. Sia che tu abbia appena iniziato o che tu sia un programmatore esperto, probabilmente la tua domanda più frequente sarà la prossima cosa da imparare?L'industria del web sta cambiando a un ritmo così veloce che trovi sempre qualcosa di nuovo da imparare e di cui avere esperienza. Ma l

(Consigli tecnici e di design)

Scarica temi gratuiti selezionati a mano in Template Stash

Scarica temi gratuiti selezionati a mano in Template Stash

Con quale frequenza finisci la ricerca di ore per trovare un tema WordPress gratuito e decente ? Questo può valere anche per tutti i CMS "da Shopify a Ghost.Con Template Stash troverai tutti i migliori temi gratuiti in un'unica posizione per una facile navigazione. Questo sito è progettato intorno ai temi di più alta qualità basati su categorie e tag per una facile selezione. Pu

(Consigli tecnici e di design)