Nuove risorse per web designer e sviluppatori (maggio 2016)

È giunto il momento per noi di condividere un'altra fantastica lista di risorse per i nostri colleghi sviluppatori web. L'ultima volta abbiamo presentato una serie di riferimenti, app e alcune librerie JavaScript.

Considerando che ci sono molte librerie JavaScript che non abbiamo ancora trattato in questa serie, questa versione presenterà più plugin jQuery e un paio di riferimenti per migliorare le nostre competenze come sviluppatori web. Vediamoli.

Clicca per altre risorse

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

jQueryMy

jQueryMy è un plugin jQuery per gestire l'associazione dati in tempo reale. È compatibile con i controlli o gli input nativi del browser e con una libreria UI come l'interfaccia utente jQuery pronta all'uso. È dotato di convalida, formattazione condizionale e gestione delle dipendenze complessa che sembra renderlo un grande - eppure più leggero - alternativa a un framework MV * come Backbone.js, Ember.js e Vue.js

Capo

In genere, il capo il tag contiene il titolo tag, il collegamento tag che punta a un foglio di stile, e copione tag per caricare un file JavaScript. Questo repository mostra quello ci sono molte più cose che possiamo includere nel capo etichetta. L'elenco include link generali e metatag per una specifica piattaforma specifica.

SmoothState

Sviluppare a transizione di pagina liscia potrebbe essere un vero dolore. Dobbiamo pensare a gestire il supporto del browser per le API della cronologia, il caching, il pre-caricamento e l'animazione per assicurarci che funzioni in modo semplice e veloce. SmoothState viene fornito con tutti questi in un unico pacchetto, permettendoci di far funzionare l'esperienza in meno tempo.

SketchRunner

In breve, SketchRunner è simile a OS X Spotlight, Alfred o alla palette dei comandi di SublimeText. È un'estensione di Sketch che fornisce un'interfaccia di ricerca semplice per eseguire diverse attività normalmente eseguite nel menu dell'app. Razionalizza per aiutarti a essere più produttivo.

CSS manutenibile

CSS gestibile è un libro online comprendente molti anni di esperienza, tecniche raffinate comporre CSS stellari che è mantenibile a lungo termine attraverso le generazioni.

Modelli di Flexbox

Questa è una raccolta di snippet e drop-in HTML e CSS per costruire l'interfaccia, come intestazione, piè di pagina, menu di navigazione, utilizzando la Flexbox CSS. Se trovi difficile utilizzare Flexbox, questa è un'ottima fonte di ispirazione per imparare finalmente Flexbox.

lavalamp

Infinite Scroll è un'interfaccia popolare sul web dove si trova tira nuovi contenuti mentre raggiungiamo il fondo della pagina. Lavalamp è una libreria JavaScript, soprannominata in sostituzione di Infinite Scroll. Guarda la demo.

glio

Un JavaScript che rileva il cursore del mouse quando è sta per lasciare il viewport che probabilmente indica che l'utente sta per uscire. Quando lo fa, puoi usarlo per attivare una funzione per mostrare un modulo di iscrizione o a semplice messaggio popup per aumentare il tasso di conversione.

Coleure

Un altro color picker con un'interfaccia utente fantastica. È possibile trascinare e rilasciare i colori per creare la propria tavolozza di colori, rendendo questo un approccio più visivo e organizzato alla creazione di una combinazione di colori. Registrati per creare un account per salvare le tue collezioni.

CSSX

CSSX è uno strumento che ti permette di scrivere CSS in JavaScript. Tuttavia, nulla è cambiato; È la stessa sintassi CSS nativa racchiusa in una funzione JavaScript. Onestamente non ho ancora capito come potrei sfruttare CSSX in nessuno dei miei progetti, ma sembra interessante e vale sicuramente la pena menzionarlo.