Nuove risorse per sviluppatori Web - Luglio 2017
Il tempo vola e siamo a metà 2017. Nel mese di questo mese, abbiamo una vasta gamma di grandi librerie JavaScript e pochi altri come un plugin per abilitare GraphQL in WordPress, un'applicazione desktop per il rendering di dati CSV e alcuni siti Web quadri. Vediamoli.
Clicca per più risorseClicca per più risorse
Trova la nostra intera collezione di risorse raccomandate e i migliori strumenti di sviluppo e progettazione web disponibili.
HeroPatterns
Una raccolta di pattern ripetibili realizzata con SVG che puoi utilizzare come sfondo nel tuo sito web. Il sito è dotato di una comoda impostazione per personalizzare il colore e l'opacità del pattern e ti consente semplicemente di copiare e incollare il codice da aggiungere nel tuo CSS.

TestCafe è uno strumento di test end-to-end (e2e) che consente di testare i siti Web e le app Web come se fossero utilizzati da utenti reali. Automatizzerà diverse cose durante l'esecuzione del test, tra cui l' avvio dei browser, l'esecuzione di un'unità di test specifica, la creazione di report, schermate e la mappa del sourc per risolvere facilmente gli errori.

SugarJS è una libreria JavaScript per manipolare Oggetti, Array e Date con una sintassi più gradevole e più leggibile. La libreria .escapeHTML()
anche una manciata di funzioni di utilità, ad esempio, .escapeHTML()
che convertirà gli elementi HTML nel loro formato Entità .

Una libreria JavaScript utile per trasformare il tempo, il numero e la stringa regolare in millisecondi . ms('2 days')
, ad esempio, verrà convertito in 172800000
.

Una grande raccolta di strumenti per contribuire a migliorare l'accessibilità sul tuo sito Web e sulle tue app web. pa11y consiste in una CLI per testare qualsiasi pagina Web per eventuali problemi di accessibilità, una dashboard per mostrare report generati di errori e avvertenze e una CLI specificatamente progettata per uno strumento CI come Codeship o Travis.

Una collezione di icone con atmosfera moderna . Queste icone sono perfette per siti Web e app progettate per qualsiasi piattaforma (iOS, Windows o Ubuntu). Le icone sono disponibili in SVG e in componenti React e Angular .

Un modulo React per creare una composizione di animazione nella tua applicazione . La libreria è ispirata a Principle for Sketch in cui è possibile aggiungere l'interattività a un componente dell'interfaccia utente in modo rapido e semplice.

Una libreria per creare animazioni con effetto rimbalzo . L'animazione è supportata dai CSS3 e da un numero di animazioni preimpostate. È possibile installare la libreria JavaScript tramite npm, bower o semplicemente copiare l'animazione CSS generata nel sito Web.

Bojler è un framework di posta elettronica con le linee guida per scrivere codice HTML che verrà visualizzato correttamente sulla maggior parte dei client di posta più popolari. Puoi trovare altri framework email nel nostro post precedente.

Una raccolta di icone di linguaggi di programmazione, progettazione e strumenti di sviluppo . Le icone sono disponibili in formato SVG e Font. Alcune icone particolari come Firefox, AWS e HTML5 vengono anche con le loro varianti dettagliate . Abbastanza bello vero?

Un'interfaccia di raccolta reattiva basata su Bootstrap 4. Presenta 50 elementi e 3 modelli personalizzati . Oltre alla versione HTML, l'interfaccia utente viene fornita anche nei formati PSD e Sketch.

T-Scroll è una libreria JavaScript per applicare l'animazione quando un elemento è visibile nel viewport. È dotato di una manciata di opzioni e animazioni preimpostate.

ORY è un editor web moderno e più accessibile sul web. L'editor ORY è costruito su React e Flux . Rende facile l'editing consentendo agli utenti di modificare il contenuto e vedere immediatamente il risultato senza dover conoscere sintassi speciali come HTML o Markdown .

TadViewer è una comoda applicazione desktop per visualizzare CSV e funziona su grandi dati e file. L'app è disponibile su macOS, Windows e Linux.

Smooth Scrolling ha dimostrato di offrire un'esperienza utente più piacevole. Ora è stato proposto e redatto ufficialmente nel W3C. Al momento, funziona solo su Chrome, Firefox e Opera. Utilizzare questa libreria per emulare il comportamento di scorrimento uniforme in Internet Explorer e Safari .

Una libreria JavaScript per la visualizzazione delle notifiche, Noty semplifica la visualizzazione di un Alart, Success, Error, Warning, Information o un messaggio di dialogo. Può essere utilizzato insieme a una libreria di animazioni come mo.js e bounce.js per rendere le diapositive di notifica dentro e fuori con grazia .

Hopscotch è un progetto open source istanziato da LinkedIn . È un framework per semplificare agli sviluppatori l'aggiunta di tour dei prodotti. Guarda la demo per un esempio dal vivo e l'API.

SurveyJS è un'altra fantastica libreria JavaScript. Come suggerisce il nome, è progettato per creare input di sondaggi . È dotato di vari tipi di input per compilare le risposte del sondaggio ed è stato anche convertito in diversi framework JavaScript tra cui AngularJS, VueJS e React.

GraphQL è in aumento e potrebbe essere un forte concorrente per sostituire l'architettura REST che alimenta quasi tutte le API Web. Questo è un plugin che ti permetterà di recuperare il tuo contenuto WordPress con GraphQL . Ecco un ottimo riferimento su come REST e GraphQL differiscono tra loro.

Monaco Editor è l'editor che alimenta Visual Code Editor . È costruito da Microsoft e supporta diverse lingue, inclusi HTML, CSS, LESS, CoffeeScript e PHP insieme a Intellisense che ti aiuta a scrivere codice più velocemente .


Poligoni: il cucchiaio che il tuo amico panettiere adorerà
Quando si tratta di cottura, misurazioni accurate degli ingredienti sono fondamentali per il successo della ricetta. Ciò significherebbe una di queste due cose: potresti avere un sacco di misurini sul tavolo da forno, o dovrai fare molte misurazioni ripetitive. Se questo ti infastidisce, Poligoni è un must nella tua cucina.

YouTube lancia un nuovo aggiornamento del design dei materiali ed è fantastico
Google ha lavorato duramente per sviluppare un nuovo look basato sul Material Design per tutte le sue app e servizi. Ora, dopo aver effettuato mesi di test alpha e beta, l' aggiornamento Material Design sta raggiungendo anche YouTube e Google offre a tutti la possibilità di visualizzare in anteprima le modifiche.