Nuove risorse per Web designer e sviluppatori (dicembre 2015)

La scena dello sviluppo Web è progredita alla velocità della luce quest'anno. Il CSS3 è stato ben adottato e di cui siamo meno dipendenti polyfill dal momento che gli ultimi browser sono davvero bravi a supportare gli ultimi standard web. È stato introdotto Microsoft Edge, Google ha rilasciato due open source per il Web: Material Design Lite e Polymer 2.0.

Quindi concludiamo l'anno con alcuni strumenti utili per gli altri sviluppatori web. Abbiamo un paio di librerie JavaScript e strumenti per lavorare in modo più efficace con jQuery. Per ulteriori informazioni, consulta le risorse complete per le serie di sviluppatori web.

Clicca per altre risorse

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

Notie.js

Notie.js è un avviso JavaScript, una notifica e una finestra di dialogo più belli. Invece di usare il mettere in guardia() funzione che mostra un noioso e leggermente scioccante casella di avviso, è possibile sostituirlo con il notie () funzione dalla libreria per mostrare un avviso in stile. Abbina lo stile di avviso con il design generale del tuo sito facilmente con Notie.js.

Github Corner

Solo recentemente mi sono reso conto che l'angolo Github, che di solito vediamo nella homepage di un progetto open source, ha già 7 anni. Tempo per un lifting. Github Corner è un'iniziativa per un look più moderno e fresco per il nastro Github. Usa SVG invece grafica bitmap che gli consente di rimanere nitido negli schermi ad alta risoluzione.

Temi dolci (rilassati)

Slack è diventato l'app di chat più popolare nelle piccole imprese, nelle startup e con gli sviluppatori. Confronta con altre app come Skype e Google Hangouts, Slack è personalizzabile in più modi, incluso il tema: l'aspetto e le sfumature dell'interfaccia dell'app. Ecco una raccolta di temi Slack pronti per l'installazione .

jQuery Config

jQuery è modulare, il che significa che possiamo rimuovere i moduli indesiderati al di fuori di esso in modo che le dimensioni siano più leggere. Il nostro tutorial precedente, Come rimuovere i moduli inutili in jQuery, mostra come farlo con Homebrew, NPM, ma è fatto attraverso il terminale. Se non vuoi usare in questo modo, puoi ricorrere all'uso jQuery Config. Fa lo stesso con solo clic.

SummerNote

SummerNote è una libreria JavaScript per creare un editor WYSIWYG. SummerNote è sviluppato sulla base di importanti progetti open-source: jQuery, Bootstrap e Font Awesome. La distribuzione di SummerNote è facile come la distribuzione di qualsiasi altra libreria JQuery, ed è la libreria alternativa perfetta per TinyMCE, specialmente se il tuo web utilizza Bootstrap come fondamento e.

BackstopJS

BackstopJS è un ottimo strumento per testare la reattività del sito Web, che è un processo noioso. In poche parole, questa libreria rende il compito di testare un sito su più dimensioni dello schermo molto più semplice grazie all'automazione. Lo strumento acquisisce schermate del sito Web e annota quale pagina passa e fallisce il test in base ai parametri e alle dimensioni dello schermo specificati. È come uno strumento di test unitario per l'implementazione di un sito Web reattivo.

SuitCSS

SuitCSS è un boilerplate, composto da un proprio pre-processore CSS che supporta la sintassi futura CSS come Custom Property e Custom Media Query, una manciata di classi di utilità basate sulla metodologia BEM per allineare, dimensionare e posizionare gli elementi e molti moduli CSS per iniziare a sviluppare un sito web ben costruito.

legare

legare è un'applicazione OS X nativa che consente di creare interfacce e layout Web utilizzando GridStyleSheet, un algoritmo di layout sviluppato da TheGrid. GSS ti consente di impaginare in modo efficace i siti web. Ad esempio, contrariamente ai CSS, GSS consente l'allineamento verticale dei suoi contenitori di elementi con una singola riga di codice.

AntiModerate

AntiModerate è una libreria JavaScript che carica le immagini in modo più intelligente. Con questa libreria, anche con connessioni Internet lente, è possibile caricare prima un'immagine di dimensioni più ridotte mentre l'immagine più grande viene ancora caricata in background. Una volta caricato a pieno, l'immagine più grande è al centro dell'attenzione. Questa tecnica potrebbe comportare una maggiore velocità di caricamento per le tue pagine web.

Suggerimenti jQuery che dovresti sapere

Titolo interessante e contenuti ancora più interessanti, questa è una raccolta di suggerimenti jQuery che dovremmo sapere (metà di quelli che vorrei conoscere molto, molto prima). Vale la pena dare un'occhiata.