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 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.

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.

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.

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.

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.

Vitale

Vitale è un framework con un'interfaccia minima molto piacevole. È leggero, non ha JavaScript e è nativamente Rogue - un syntaxhigighter basato su Ruby.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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!

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.