Nuove risorse per Web designer e sviluppatori (agosto 2016)
In questo articolo, presentiamo una lista di framework e strumenti che è orientato allo sviluppo del web. È interessante notare che ho trovato alcuni di questi strumenti e strutture provenienti da società di colossi come Microsoft e Alibaba.
Questo è un buon segno, dato che sempre più aziende stanno contribuendo all'open-source e contribuiscono a dare forma a un Web migliore. Diamo un'occhiata a cosa c'è in serbo per la compilation di questo mese.
Clicca per altre risorseClicca per altre risorse
Trova la nostra intera collezione di risorse consigliate e i migliori strumenti di sviluppo e progettazione web disponibili.
CuteStrap
Un framework UI costruito su Sass. Viene fornito con tutte le interfacce Web più comuni come moduli, navigazioni e pulsanti, che dovrebbero essere sufficienti in molti casi. Se trovi schiaccianti framework popolari come Bootstrap e Foundation, Cutestrap potrebbe essere un'ottima alternativa per te.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016.jpg)
Test HTML5
Test HTML5 è uno strumento online che testerà fino a che punto un browser supporta le ultime specifiche HTML5. È uno strumento utile per coloro che sono coinvolti nel debugging e nel test delle moderne applicazioni web.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_2.jpg)
Calorie del browser
Calorie del browser è un'estensione di Chrome che misura il peso di una pagina Web. Esamina i file caricati e il loro contributo al peso totale della pagina. Un ottimo strumento per aiutarti a ottimizzare le prestazioni del tuo sito web.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_3.jpg)
weex
weex è un framework di Alibaba per costruire app mobili con solo HTML, CSS e JavaScript. Viene fornito con moduli, componenti dell'interfaccia utente, i propri DevTools e CLI progettati per l'ambiente mobile e per accelerare lo sviluppo.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_4.jpg)
Microsoft Web Framework (MWF)
Un framework di Microsoft, i componenti dell'interfaccia utente in MWF è costruito in base al linguaggio di progettazione moderno di Microsoft: piatto, pulito e minimalista. Questo framework, oltre ai componenti dell'interfaccia utente, dà anche indicazioni sull'uso di Colori, Tipografia e Animazione. Penso che Material Design Lite abbia finalmente raggiunto un pari contendente.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_5.jpg)
Vitale
Vitale è un framework con un'interfaccia minima molto piacevole. È leggero, non ha JavaScript e è nativamente Rogue - un syntaxhigighter basato su Ruby.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_6.jpg)
FONTEA
FONTEA è un'estensione Photoshop gratuita per gestire e applicare facilmente centinaia di caratteri Google. Puoi cercare il carattere all'interno di Photoshop, visualizzare l'anteprima e applicare il carattere direttamente al tuo design, semplificando il tuo flusso di lavoro.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_7.jpg)
pioggerella
Questo è uno strumento che ti consente di creare schemi dell'interfaccia utente o una guida di stile per il tuo sito web. Genera cose come i colori, gli stili di base o il layout per i componenti, nonché il frammento di codice. Un generatore di guida di stile come pioggerella ti consentirà di rimanere coerente con gli stili del tuo sito web.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_8.jpg)
iNTERCOOLER
InterCoolerJS è una libreria JavaScript che rende l'applicazione di AJAX sul tuo sito web facile come aggiungere attributi HTML. Viene fornito con una guida completa e numerosi esempi per aiutarti a iniziare a utilizzare lo strumento.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_9.jpg)
Picla
Picla è un plugin jQuery per mostrare le etichette dell'immagine recuperate dall'immagine alt
attributo. Fornisce alcune opzioni per consentire di aggiungere stile e movimento personalizzati all'etichetta. Picla può essere installato come dipendenza del tuo sito web con Bower.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_10.jpg)
IziModal
Ecco un plugin jQuery da mostrare modale popup. IziModal ha un sacco di opzioni per la personalizzazione. Ad esempio, puoi personalizzare l'animazione, il contenuto del testo, i colori. È leggero, reattivo e pronto per la retina.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_11.jpg)
MegaBoilerplate
MegaBoilerplate è un generatore per configurare rapidamente uno stack di sviluppo. Vai al sito web e seleziona quali strumenti e librerie (Node.js, HTML5, Vanilla JavaScript ed Electron) utilizzerai come base del tuo sito web. Compilerà e configurerà tutte le cose che ti servono in un pacchetto zippato, pronto per il download.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_12.jpg)
urlatore
Una libreria JavaScript per visualizzare un lettore audio moderno utilizzando l'API Web Audio, urlatore funziona con browser vecchi come IE9 e supporta molti codec audio come MP3, WEBM, WAV. Un sacco di funzionalità, modulare e funziona senza libreria esterna.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_13.jpg)
SuperEmbed
SuperEmbed è una piccola libreria JavaScript che rende gli oggetti incorporati reattivi, pur mantenendo il rapporto originale. Supporta una vasta gamma di fonti tra cui Youtube, Flickr, Vine, VideoPress e DailyMotion. Guarda la demo.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_14.jpg)
CleaveJS
fendere è una libreria JavaScript che formatta automaticamente i valori nell'input. Ad esempio, è possibile aggiungere il separatore delle migliaia in input di valuta, aggiungere spazio nel numero di carta di credito o aggiungere /
in data di inserimento. Utilizza questa libreria per offrire un'esperienza utente migliore.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_15.jpg)
Capovolgimento Tipico
FlippingTypical ti permette di visualizzare tutti i font installati sul tuo sistema. Trovo che questa app sia più comoda dell'utilizzo del FontBook app in macOS. Digito testo casuale e vedo quale dei caratteri del mio sistema ha un aspetto migliore.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_16.jpg)
LightTable
Un nuovo IDE che penso valga la pena esplorare. È iniziato come un progetto KickStarter, supportato da Matt Mullenweg (fondatore di WordPress), e alla fine è diventato open source. Puoi guardare questo video per avere un'idea di quanto sia bello questo IDE.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_17.jpg)
Compressore
Compressore è un'app Web che comprime i file di immagine fino alla dimensione più piccola senza perdere la qualità visiva. Supporta anche JPG, GIF, PNG e SVG. Questa app è gratuita.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_18.jpg)
Microsoft Site Scan
Questo è uno strumento utile di Microsoft per analizzare il tuo sito Web per problemi come la compatibilità dei browser e l'accessibilità. Lo strumento elencherà un rapporto che ti dice se qualcosa non è giusto sul tuo sito web e come puoi procedere per risolvere il problema. Provaci!
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_19.jpg)
Disabilita Blogging
Questo plugin, come suggerisce il nome, rimuoverà le funzionalità di blogging come Post, Commenti e Feed. È il plug-in giusto per te se non hai bisogno della funzionalità di blogging in WordPress.
![](http://savtec.org/img/images_1/fresh-resources-for-web-designers-and-developers-august-2016_20.jpg)