Nuove risorse per i web designer e sviluppatori (marzo 2016)

Nella nostra ultima puntata ci siamo concentrati sulle varie librerie Javascript e CSS per aiutare a costruire siti Web e applicazioni web migliori. Questo mese abbiamo più librerie da consigliare insieme a un piccolo focus sulla tipografia.

In questo ciclo della serie, vedrete alcune librerie JS che troverete per l'uso, ma anche una raccolta di suggerimenti, un lunghissimo tema sulla tipografia, un generatore di colore e un framework leggero di frontend. Senza ulteriori indugi, controlliamoli.

Clicca per altre risorse

Trova la nostra intera collezione di risorse consigliate e i migliori strumenti di sviluppo e progettazione web disponibili.

Suggerimenti JS

JS Tips è una raccolta di suggerimenti JavaScript, alcuni dei quali ruotano attorno sintassi, alcuni circa efficienza e prestazioni del codice, e alcuni altri sono specifici per un framework come AngularJS. Nuovi suggerimenti vengono aggiunti ogni giorno e attualmente sono emessi 50 suggerimenti. È essenzialmente un must-bookmark sito per ogni sviluppatore web.

Vagrant Manager

Vagrant Manager è un'applicazione GUI per controllare Vagrant. MAMP simile, in cui è possibile interrompere o eseguire Vagrant e vedere quale Vagrant è attualmente in esecuzione. L'app è disponibile per OS X e per Windows. Se non sei sicuro di cosa sia Vagrant, consulta il nostro post precedente su Come installare WordPress localmente con Vagrant.

Bulma

Bulma è un framework di frontend. Il pacchetto include alcuni componenti comuni dell'interfaccia utente del web come navigazione, dropdown e (ovviamente) la griglia che è interamente costruita con Flexbox. L'unica caratteristica mancante (almeno, per ora) sono i componenti JavaScript. I componenti Bulma sono molto più sottili rispetto a Bootstrap, ma dovrebbe essere sufficiente per creare un sito Web piccolo ma presentabile.

Gutenberg

Prende il nome da Johannes Gutenberg, l'inventore della stampa di massa. Gutenberg è una raccolta di regole di stile per le corrette impostazioni tipografiche In rete. Le regole di stile impostano la linea di base, la dimensione del carattere, il ridimensionamento e l'altezza della linea. Un'ottima libreria di stile per rendere il tuo contenuto del sito Web molto più bello.

OkayNav

OkayNav è un jQuery per costruire una navigazione reattiva, ma non solo un'altra ancora. Il plug-in ha un approccio leggermente reattivo al design reattivo: poiché il viewport viene ridimensionato in dimensioni ridotte, ogni menu sarà gradualmente uniti in un'icona per tollerare la dimensione limitata del viewport. Sembra fantastico, non è vero??

Nuova tipografia Web

Il Nuova tipografia Web è un saggio approfondito sull'apertura degli occhi sulla tipografia. Discute gli stili dai primi giorni dei libri al modo attuale che costruiamo e consumiamo sul web. Ben ricercato con più illustrazioni e completamente referenziato, è un lungo articolo di Robin Rendle, ma sicuramente vale la pena leggerlo per comprendere meglio la tipografia.

Colore sicuro

Colore sicuro è una tavolozza di generatore di colori per il web. A differenza degli strumenti che sono stati precedentemente citati in questa serie, ColorSafe genererà solo colori conformi allo standard WCAG per l'accessibilità dei colori.

Finestra di dialogo modale accessibile

Questa è una piccola libreria JavaScript (solo ~ 0.5kb) per costruire una finestra di dialogo modale. Essendo accessibili, gli utenti sono in grado di aprire, chiudere e navigare facilmente attraverso la finestra di dialogo con una tastiera e un mouse. Il pacchetto è semplicemente JavaScript, senza stili, quindi puoi modellare liberamente la finestra di dialogo in qualsiasi modo desideri.

Mo.js

Mo.js è un pacchetto completo di libreria di animazione JavaScript. Viene fornito con un paio di impostazioni predefinite in modo da poter impostare ed eseguire rapidamente l'animazione. È modulare e consente di rimuovere funzionalità non necessarie, nonché fluide e fluide. Essendo una nuova nuova libreria, purtroppo la documentazione non è ancora pronta (per ora).

Particelle

Questa libreria aggiunge reti di particelle mobili sul tuo sito web, semplicemente per rendere il tuo sito Web più fresco all'istante. Le particelle reagiranno al movimento del cursore. Le reazioni e altri elementi come colori, distanza e forma possono essere configurati attraverso le opzioni.