Nuove risorse per Web designer e sviluppatori (febbraio 2017)

La serie Fresh Resouces for Web Developers ha correre per circa 4 anni, e il mantenimento di questa serie mi ha dato molte informazioni su come il progresso del web nel corso degli anni. Ci sono nuovi strumenti che escono ogni mese per facilitare lo sviluppo web.

In questa puntata, abbiamo raccolto un certo numero di nuovi strumenti, che includono librerie JavaScript, un paio di librerie CSS e riferimenti per migliorare la tua abilità. Vediamoli.

Clicca per altre risorse

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

Didascalia

JavaScript è rilevando l'applicazione desktop per la portabilità su diverse piattaforme oltre a funzionare proprio come l'app nativa. Questa app, Didascalia, per esempio è costruito sopra Electron. È una semplice app che ti permette di cercare i file dei sottotitoli (.srt) per allegare al video che stai guardando.

Impressionante linea di comando OSX

Un enorme elenco di utili e pratiche linee di comando per macOS. Qui puoi trovare molte cose che potrebbero essere fatte attraverso la CLI come “cancellare la coda di stampa”, “nascondendo la cartella nel Finder”, e “prevenire il sonno del sistema”.

Trevor

Trevor è semplicemente Travis CI fatto disconnesso. Travis è un servizio di integrazione continua dove gli sviluppatori testano il loro software per vedere se il software funziona correttamente con più ambienti. Trevor è ancora nella sua fase iniziale; al momento supporta solo “NodeJS”.

Progressivamente

Un bel JavaScript libreria per caricare l'immagine progressivamente, da qui il nome. L'immagine piccola verrà visualizzata e sfocata mentre il browser sta caricando l'immagine completa. Questo aiuta il tuo sito web a caricarsi molto più velocemente soprattutto se contiene immagini di grandi dimensioni.

QartJS

Questo è un JavaScript che rende il codice QR meno noioso. Con questo, è possibile sovrapporre il codice QR su un'immagine, ad esempio la foto.

WP Docker

WP Docker è un Ambiente Docker progettato specificamente per sviluppare WordPress. L'ambiente è autonomo e non influirà sul sistema del computer in caso di configurazione. È un ottima alternativa a Vagrant, Valet, Local e MAMP.

Rellax

Rellax è una libreria JavaScript per crea un effetto di parallasse sullo scorrimento della pagina. Viene fornito con poche opzioni e relativamente facile da configurare. È leggero, funziona super veloce e non richiede alcuna dipendenza come jQuery quindi è un'ottima alternativa alle altre librerie di questa categoria come Parallax.js o Scrollax.js.

Articolare

Ancora un'altra fantastica libreria JavaScript. Articulate porta sintetico voce al tuo sito web. È in grado di analizzare e leggere il tuo sito web, alla fine può migliorare l'accessibilità del tuo sito web agli utenti con visibilità ridotta.

MonetizeJS

MonetizeJS è una libreria JavaScript per attuare Stripe facilmente; facile come usare jQuery.

Vonic

Vonic è una raccolta di UI per mobile realizzato con Vue.js e Ionic CSS. Comprende molti componenti dell'interfaccia utente che si trovano comunemente in un dispositivo mobile incluso Casella di controllo, modulo di ricerca, swiper e la cosiddetta fisarmonica. È possibile utilizzare per creare un'app dell'applicazione mobile prototipo proprio nel browser.

Libreria dei componenti di WordPress

10up, uno dei nomi di spicco in WordPress, ha rilasciato una libreria UI progettata specificamente per WordPress. A differenza di altre librerie UI che forniscono solo codici CSS e HTML, 10Up fornisce anche lo snippet di codice PHP che puoi semplicemente incollare nel tuo tema. Il componente include Navigazione, schede, tooltip, commonts e blogrol.

JavaScript Start-up Performance

Un superbo e articoli dettagliati da Addy Osmani, uno degli ingegneri di Google, su come scrivere JavaScript che funziona super veloce. Vi incoraggio a leggerlo fino a livella la tua abilità JavaScript.

KuteJS

Kute è un Libreria JavaScript per eseguire animazioni. È veloce e super efficiente nel consumo di memoria. Dispone di estensioni e strumenti extra per consentire l'applicazione dell'animazione in CSS, SVG e persino un plugin jQuery per una sintassi più comoda.

PWA Rocks

Progressive Web Application (PWA) è una metodologia che consente a un sito Web di essere eseguito rapidamente e utilizzabile offline. Questo PWA Rocks ne elenca uno che è stato approvato da Google come PWA. A scopri di più su PWA di Google dai un'occhiata a: Progressive Web Apps.

Github Auto-updater

Github Auto-Updater è Libreria di compositori che consente di aggiornare il tuo plug-in da Github. Questo è un comodo script per gli sviluppatori per mantenere i plugin per i loro clienti senza necessariamente caricandolo sul repository Github.

Carta

La carta è una libreria JavaScript ciò rende l'inserimento della carta di credito più coinvolgente e migliora la tua esperienza utente mentre inserisci i loro numeri di carta di credito. esso funziona bene con jQuery, React, Angular e Ember.

Graaf

Graaf fornire una sovrapposizione sulla pagina per vedere come la griglia - colonna, riga, grondaia - è disposta. Puoi anche generare le proprie specifiche della griglia utilizzando l'API fornita.

Luxbar

Luxbar è un Quadro CSS per creare facilmente una navigazione reattiva; semplicemente aggiungi il foglio di stile e aggiungi il codice HTML correttamente. Puoi installare questa libreria tramite NPM, Bower o collegare il foglio di stile direttamente dal CDN.

Griglia a contrasto

Una lista di la tabella mostra il contrasto del colore e il loro grado di accessibilità basato sul WCAG 2.0. È possibile modificare il valore sul tavolo e capire rapidamente se la combinazione di colori è conforme allo standard WCAG.

ToneJS

ToneJS è una libreria JavaScript per creare un tono o un suono che potrebbe piacere provenire da uno strumento musicale. Immagino che questa libreria sarà utile per creare un emulatore di strumenti musicali basato sul web o effetti sonori di gioco.