Nuove risorse per Web designer e sviluppatori (dicembre 2016)

Ci stiamo avvicinando alla fine del 2016 ed è stato un anno entusiasmante per molti, compresi gli sviluppatori web. Quest'anno, La popolarità di ReactJS è cresciuta esponenzialmente, una nuova estensione ReactJS è rilasciata e si trova nell'elenco di I repository di tendenza di Github (quasi) ogni settimana.

Anche PHP7 è stato rilasciato quest'anno che offre miglioramenti significativi in termini di velocità, nonché il rilascio di WordPress 4.7 con la tanto attesa WP-API caratteristica, e Facebook ha anche introdotto il pacchetto filati questo potrebbe sfidare NPM.

Clicca per altre risorse

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

Per ulteriori dettagli su ciascuna di queste versioni utili, diamo un'occhiata al seguente elenco:

Faro

LightHouse è un pratico strumento da Google per esaminare i tuoi siti web contro le moderne metriche di sviluppo web, che includono prestazioni di caricamento della pagina, memorizzazione nella cache con i lavoratori del servizio, risposta temporale del server e così via. Questi strumenti sono disponibili in due forme: CLI (Command Line Interface) e Google Chrome.

FuseJS

La ricerca fuzzy è un tipo di completamento della ricerca in cui è restituisce un numero di possibilità anche se non corrisponde esattamente agli argomenti di ricerca. Ad esempio, se si cerca "a", il risultato potrebbe tornare fare, robot, e piede. Questo è un performance di ricerca popolare nelle applicazioni web di oggi. FuseJS è un libreria JavaScript leggera che ti permette di implementarlo facilmente sul tuo sito web.

Pacchetto filati

Il filato è un Node package manager creato da Facebook. In pratica, si comporta in modo simile al NPM anche se con avanzamenti in diverse aree come la velocità, 'modalità offline' che consente di installare i pacchetti senza connessione a Internet, e sicurezza oltre che affidabilità.

Menu Cache

Un pratico plugin per WordPress per memorizzare nel menu WordPress utilizzando l'API Transient per migliorare la velocità della query del database. Il plugin viene fornito con un numero di filtri a personalizzare il periodo di memorizzazione nella cache ed eseguire altre cose. Può essere installato usando Composer o come normale plugin per WordPress.

Githunt

Githunt è un'estensione di Google Chrome che sostituisce la home page di Chrome con il repository di tendenza di Github. È possibile ordinare i risultati in base al periodo e al linguaggio di programmazione. È, penso, un programma di installazione obbligatorio per ogni sviluppatore di rimanere aggiornato con gli strumenti più lucidi in circolazione.

FFocus

Non riesci a concentrarti sul tuo lavoro e vuoi svolgere rapidamente il tuo lavoro? Prova FFocus. È una CLI che consente di bloccare il sito Web per una durata impostata tramite Terminale. FFocus può essere installato tramite NPM eseguendo il npm i ffocus -g comando.

Accesslint

AccesslintJS è un Libreria JavaScript per convalidare il tuo sito web per l'accessibilità. Usare questa libreria è facile come caricarlo prima del tag, e otterrai tutti gli avvertimenti e gli errori proprio alla DevTools Console.

plausibile

Colorabile è un comoda applicazione web che ti consente di generare combinazioni di colori conformi alle Linee guida WCAG e rende anche il tuo sito web accessibile agli utenti con disabilità visive come il daltonismo.

Micon

Micon è un icona del carattere di pittogrammi selezionati di Microsoft Windows 10. Questo può essere un ottima sostituzione di FontAwesome che penso sia già abusato.

Riferimento CSS

Il nome dice tutto. È un riferimento CSS per cercare la sintassi CSS. Viene anche presentato in un modo piacevole e piacevole che lo rende un ottima alternativa per la documentazione CSS su MDN, se pensi che sia troppo noioso.

Local by Flywheel

Questo è App GUI che semplifica la configurazione di un sito Web WordPress locale nel tuo macOS. L'app è ricca di ottime utilità per gli sviluppatori, come; “Un click” Installazione di WordPress, Accesso SSH, facile configurazione SSL, progetto del sito e XIP.io. L'app ha un prezzo di circa 149 USD, ma lo è ora dato gratuitamente da quando acquisito da Flywheel.

FreeCodeCamp

È un risorsa gratuita per imparare il codice per il Web. Le materie includono HTML, CSS, JavaScript e a poche librerie come ReactJS e D3. Fornisce sfide o esempi di progetti mentre stai seguendo i corsi, così come i tutorial aiutarti a comprendere meglio l'argomento.

Carattere OverPass

Il font OverPass è costituito da una famiglia di font otto pesi (200-900), corsivo vero e carattere monospace. Il carattere può essere caricato come un carattere web da KeyCDN così come installato per uso desktop. È gratuito e open source.

Forma Base

La base del modulo è a insieme di regole di stile CSS che ripristina gli elementi del modulo che includono ingresso, casella di controllo, selezionare, e textarea con stili semplici ma belli. Questa libreria CSS è un bene utilizzare in congiunzione con un altro “Resetter CSS” come Normalize.css.

Fine frontale

è un framwork che viene usato per costruire 24ways.org; una grande risorsa che puoi esaminare per imparare tecniche CSS avanzate.

Vittoria

ReactJS è in aumento e con ciò arriva un gran numero di estensioni per supportarlo. La vittoria è a Componente ReactJS aggiungere interculturale e grafici o visualizzazione dei dati.

Inferno

L'inferno è un Libreria JavaScript per costruire l'interfaccia web su dispositivi mobili. È ispirato a ReactJS quindi eredita convenzioni di sintassi simili. La differenza, tuttavia, è che Inferno è costruito con le prestazioni in mente che lo rende molto più piccolo e dà anche a tempo di rendering più veloce.

Premonish

Permonish è la libreria che è in grado di prevedere la prossima interazione degli utenti. Questo ti permetterà di preparare l'interfaccia utente (UI) più perfettamente prima che l'utente interagisca con il tuo sito web.

Starter Kit SPA

Questo è un esempio di SPA (Single Page Application) creato con Laravel e VueJS. È ancora un'altra grande risorsa per imparare lo sviluppo del web usando i framework - guarda la fonte Luke!

Docute

Docuto è Libreria JavaScript per la creazione di una documentazione a pagina singola. È alimentato con VueJS e viene fornito con una serie di utility Node che ti consentono configurare ed eseguire rapidamente la documentazione.