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


10 icone di carattere utili e gratuite da segnalare

Poiché sempre più dispositivi adottano schermi ad alta definizione, le icone dei caratteri stanno diventando la scelta più popolare da adottare. È ridimensionabile senza compromettere la qualità e personalizzabile tramite CSS . Possiamo facilmente cambiare il colore, la dimensione e persino animare le icone dei font con CSS3. Inoltre è indipendente dalla risoluzione che lo rende nitido su qualsiasi densità dello schermo.

FontAwesome è di gran lunga una delle fonti di font più popolari, con un'enorme collezione di icone. Ma non è assolutamente necessario scaricare l'intera collezione quando è necessario utilizzarne solo alcuni. Qui ci sono 10 fonti alternative di icone di font ben congegnate che spero ti possano trovare utile a volte per costruire i tuoi prossimi grandi siti web e app al posto di FontAwesome.

StackIcons

StackIcons sono icone di font per oltre 60 marchi sociali moderni. Viene fornito con CSS, che consente di personalizzare il font in molte forme contenitore. Puoi ottenere le icone del tuo marchio sociale in cerchi, quadrati o con bordi arrotondati. Puoi anche colorare le icone in più di un colore, offrendoti colori di marca più realistici.

Licenza : SIL Open Font e MIT

Twemoji Fantastico

Twemoji è un progetto di emoticon open source di Twitter. Elle Kasai l'ha convertito in un'icona di carattere chiamata Twemoji Awesome . Tutti i nomi di classe per visualizzare le icone sono gli stessi del Twemoji Cheat Sheet, ma è necessario utilizzare un trattino invece di un trattino basso, tutto qui. Ecco un esempio di come aggiungiamo l'icona hatching_chick :

Licenza: MIT e CC-BY per la grafica Emoticon

Font Diao

Font Diao è una raccolta di icone di font di popolari siti Web o società con sede in Cina come Alibaba, Alipay, WeChat, Xiaomi e Weibo. Il font può tornare utile quando costruisci i wesbite designati per il pubblico della Cina continentale che probabilmente conoscono questo particolare tipo di carattere.

Licenza: Licenza pubblica

Socialicious

Socialicious è un font che è costruito esclusivamente per i siti Web sociali più popolari come Facebook, Twitter e Instagram. Il font è progettato per funzionare bene con Bootstrap. Ecco un codice di esempio per creare un pulsante con la classe .btn Bootstrap in combinazione con le classi di caratteri.

  Connettiti con Linkedin 

Licenza: Licenza MIT.

Octicons

Octicons è un set di icone di caratteri presentato da GitHub, che consente di utilizzare la stessa icona utilizzata da GitHub sul progetto. Ci sono più di 170 icone pronte per essere applicate al tuo prossimo progetto.

Font di pagamento

Se si utilizza un gateway di pagamento, si potrebbe desiderare di afferrare queste icone di carattere. Il pacchetto contiene 95 icone di sonno che sono di metodi di pagamento o gateway popolari come Visa, American Express e altro ancora.

Licenza: SIL OFL 1.1

Icone Android

Questo è il set di icone creato da Opoloo, precedentemente noto come la comunità Android. Comprende 250 icone fantastiche in 5 dimensioni e 14 colori di icone Android native.

Licenza : Attribution-ShareAlike 4.0 International

DevIcons

DevIcons è un set di icone di font realizzate a mano da Theodore Vorillas. Contiene 85 simboli e loghi di applicazioni di sviluppo familiari come l'icona GitHub, l'icona Gulp, l'icona Angolare e molti altri.

Licenza: MIT

Open Iconic

Icona aperta contiene 223 icone pronte per l'uso con bootstrap, un framework o il proprio foglio di stile. La dimensione del carattere è piccola, solo 12, 4 Kb, che è circa un quarto di ciò che puoi trovare in FontAwesome. La cosa interessante è che queste icone possono essere ridotte a 8px.

Licenza: SIL.

Font Design iconico

In questo pacchetto ci sono 15 categorie di icone dei font ispirate a Google Material Design. Per utilizzarli, basta installare Material-Design-Iconic-Font.ttf, quindi utilizzare questo cheatsheet. Copia incolla le icone (non l'unicode) nel tuo progetto. Puoi ingrandire le icone, dare bordi, ruotare, ruotare o capovolgerlo con i CSS.

Licenza : Attribution-ShareAlike 4.0 International

Ora Leggi: 50+ caratteri simbolo gratuiti per i web designer

Ottimizza le tue immagini con le dimensioni dell'immagine predefinite [Suggerimento WordPress]

Ottimizza le tue immagini con le dimensioni dell'immagine predefinite [Suggerimento WordPress]

Ottimizzare le immagini su un sito Web è un compito scoraggiante. Puoi scegliere di usare meno immagini, immagini compresse, sprite o svg; la lista continua. Un luogo in cui molti siti WordPress sono coinvolti è la definizione delle dimensioni dell'immagine, che è un aspetto cruciale dell'ottimizzazione dei siti con contenuti pesanti .Le

(Consigli tecnici e di design)

Pianificazione di una corretta migrazione da Windows XP

Pianificazione di una corretta migrazione da Windows XP

Con la fine del supporto per Windows XP proprio dietro l'angolo, l'8 aprile, gli utenti del sistema operativo tredicenne possono finalmente essere indotti a passare a un nuovo SO. Si stima che fino a 1/3 dei PC attualmente in funzione stiano ancora eseguendo alcune versioni di XP, e la scadenza lascerà quegli utenti vulnerabili agli hacker e la perdita di integrità dei dati.S

(Consigli tecnici e di design)