Nuove risorse per Web designer e sviluppatori (luglio 2015)

Gli sviluppatori Web sono benedetti con strumenti e risorse gratuiti trovati online, che raccogliamo diligentemente nella nostra serie di risorse fresche ogni mese. Se hai perso il lotto del mese scorso, rivisitalo qui o controlla il resto delle risorse fresche compilate nella prima parte dell'anno.

Per il batch di luglio 2015, stiamo mettendo in luce strumenti e risorse nuovi che faciliterebbero le tue attività, che vanno dai plugin di WordPress che ti permettono di distribuire gli aggiornamenti dei plugin privatamente a una libreria JavaScript per aggiungere animazioni coinvolgenti.

Aladdin

Questo plugin aggiunge funzionalità extra all'amministrazione di WordPress che è simile a OS X Spotlight. Con esso, puoi accedere rapidamente a file e cartelle sul tuo Mac. Una volta installato, premi Shift due volte, quindi digita ciò a cui desideri accedere. Rende l'amministrazione di WordPress più accessibile con l'uso della tastiera.

SiteOrigin CSS

SiteOrigin CSS è un robusto plugin WordPress per personalizzare qualsiasi aspetto del tema in tempo reale. Il plugin aggiunge un nuovo pannello sotto il Aspetto> CSS personalizzato menu. Qui puoi scrivere regole CSS personalizzate per sovrascrivere il CSS del tema che stai usando, oppure puoi anche usare il pannello della GUI per aggiungere le regole CSS in modo intuitivo.

DynamicsJS

DynmaicJS è una libreria per applicare l'animazione basata sulla fisica. Non sono un esperto di fisica ma gli esempi qui in questo menu sono davvero fantastici. Può animare elementi HTML e SVG e offre prestazioni veloci senza alcuna dipendenza. DynamicJS è stato testato su Safari 7+, Firefox 35+, Chrome 34+ e IE10+.

Modalità aereo

Questo plug-in eviterà che diverse richieste HTTP esterne di WordPress come Google Fonts, Gravatar e WordPress aggiornino dal tentativo di connettersi a plug-in e repository di temi per gli aggiornamenti. È un utile plugin per lo sviluppo locale per sopprimere gli errori che si verificano quando queste chiamate falliscono (cosa che di solito accade quando si sviluppa localmente con Internet eccezionalmente lento).

Coverr

Una raccolta di video eccezionali per le intestazioni del tuo sito web. Tutti i video sono gratuiti, con licenza di dominio pubblico. Non dimenticare di controllare il “Come usare” sezione per imparare come aggiungere il video alla tua pagina web.

VibrantJS

VibrantJS acquisisce colori importanti da un'immagine. Espone anche alcune API che consentono di elaborare il colore ottenuto, come cambiare il formato del colore e decidere la composizione corretta per lo sfondo e il testo. Puoi usarlo per migliorare l'interfaccia del tuo sito web con la generazione dinamica del colore, utilizzare il colore come immagine segnaposto quando l'immagine non è ancora completamente caricata, o creare un'applicazione web per generare un campione di colore.

GradifyCSS

Questa libreria acquisisce due colori importanti e genera un gradiente CSS dai colori ottenuti. Simile a VibrantJS, puoi applicare il gradiente come segnaposto immagine quando l'immagine non è completamente caricata o come colore di sovrapposizione.

PurifyCSS

PurifyCSS ripulisce le regole CSS inutilizzate dal tuo foglio di stile. È possibile utilizzarlo per ridurre fino al 40% le dimensioni dei fogli di stile di framework di grandi dimensioni come Bootstrap e Foundation. PurifyCSS è disponibile come plugin Grunt e Gulp.

Capitale del titolo per WordPress

Il nome ha detto tutto. Questo plugin WordPress trasformerà i titoli e le intestazioni all'interno del contenuto in maiuscole e minuscole corrette dopo aver salvato o pubblicato il post e la pagina. Trovo questo plugin utile per i siti Web con più autori per mantenere la coerenza per i contenuti del loro sito web.

GitHub Updater

Questo plugin consente all'utente di installa e aggiorna automaticamente Plugin di WordPress ospitati in GitHub. Nonostante il nome, il plugin supporta anche Bitbucket e GitLab, incluso uno in un repository privato. È un plugin utile per gli sviluppatori che sviluppano e distribuiscono i loro plugin o temi esclusivamente per i loro clienti.

Esempi di codice

Una raccolta di esempi di codice da Team di revisione del tema WordPress. Al momento, l'esempio è costituito da codici per creare componenti di Custom Theme utilizzando l'API di personalizzazione, tra cui per creare la sezione, le impostazioni e il pannello. Altri esempi di codici di buone pratiche aggiunti in futuro.