Nuove risorse per web designer e sviluppatori (luglio 2017)

Il tempo vola e siamo a metà 2017. Nel mese di questo mese, abbiamo una serie 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.

HeroPatterns

Una collezione di modello ripetibile realizzato con SVG che puoi usare come sfondo nel tuo sito web. Il sito è dotato di una comoda impostazione per personalizzare il colore e l'opacità del motivo e ti consente semplicemente di copiare e incollare il codice da aggiungere nel tuo CSS.

TestCafe

TestCafe è un strumento di test end-to-end (e2e) che ti consente di testare i tuoi siti Web e le tue app web come se venisse utilizzato da utenti reali. Automatizzerà molte cose durante l'esecuzione del test incluso avviare i browser, eseguire l'unità di test specificata, generare report, screenshot e sourcemap per risolvere facilmente gli errori.

SugarJS

SugarJS è una libreria JavaScript per manipolare oggetti, matrici e date con una sintassi più gradevole e più leggibile. La libreria viene fornita anche con una manciata di funzioni di utilità, ad esempio, .escapeHTML () quale volontà convertire elementi HTML nel loro formato Entità.

SIGNORINA

Una libreria JavaScript utile per tempo di rotazione, numero e stringa regolare in millisecondi. ms ('2 giorni'), per esempio, sarà convertito in 172800000.

pa11y

Una grande collezione di strumenti per aiutare migliorare l'accessibilità sul tuo sito web e applicazioni web. pa11y consiste in una CLI per testare qualsiasi pagina Web per eventuali problemi di accessibilità, a Dashboard per mostrare report generati di errori e avvisi, e una CLI specificamente progettata per uno strumento CI come Codeship o Travis.

Icone della piuma

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

Reagire volo

Un modulo React per crea una composizione di animazione nella tua applicazione. La libreria è ispirata a Principle for Sketch in cui puoi aggiungi interattività a un componente dell'interfaccia utente rapidamente e facilmente.

BounceJS

Una biblioteca a crea animazioni con effetto rimbalzo. L'animazione è alimentata da CSS3 e un numero di animazioni preimpostate. È possibile installare la libreria JavaScript tramite npm, bower o semplicemente copia l'animazione CSS generato nel sito web.

bojler

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

Devicon

Una collezione di icone di linguaggi di programmazione, progettazione e strumenti di sviluppo. Le icone sono disponibili in formato SVG e Font. Alcuni particolari icone come Firefox, AWS e HTML5 vengono anche con le loro varianti dettagliate. Davvero fantastico?

Ora Kit UI

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

T-Scroll

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

Ory Editor

ORY è un editor web moderno e più accessibile sul web. L'editor di 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

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

Poligono scorrevole liscio

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

No grazie

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 fare in modo che la notifica scivoli dentro e fuori con grazia.

Campana

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

SurveyJS è un'altra fantastica libreria JavaScript. Come suggerisce il nome, lo è progettato per creare input di sondaggi. È dotato di vari tipi di input per compilare le risposte del sondaggio e è stato anche portato su diversi famosi framework JavaScript compresi AngularJS, VueJS e React.

WP GraphQL

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

Editore di Monaco

Monaco Editor è l'editore 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.