Nuove risorse per Web designer e sviluppatori (febbraio 2016)

Il 2015 è stato un grande anno per il web: le tecnologie web sono state adottato in molti fattori diversi per la creazione di un sito Web o un'applicazione web. Molte applicazioni mobili e desktop sono ora costruite usando HTML, CSS e JavaScript. Ciò è reso possibile dalla natura della portabilità di tecnologie web e librerie come React.js, Angular e Node.js.

Quindi, nella versione odierna di questa serie abbiamo messo insieme una manciata di librerie JavaScript e CSS.

Clicca per altre risorse

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

Cursore piatto

L'interfaccia utente di jQuery viene fornita con una raccolta di un'interfaccia Web comune che include uno Slider, un'interfaccia utente che consente all'utente di selezionare un intervallo di valori numerici. Il Cursore piatto è uno strumento web che rende personalizzabile lo stile dell'interfaccia utente jQuery, che in passato era un compito molto scoraggiante, molto più semplice ora.

Utility Open-type

Utility Open-type è una raccolta di classi drop-in a applica funzionalità tipografiche CSS avanzate tali legature di caratteri, piccola lettera maiuscola e molto altro ancora. Fondamentalmente offrono la migliore esperienza di lettura possibile per i tuoi utenti con dettagli precisi. Si degrada piacevolmente nei browser più vecchi e non supportati.

ResponsifyJS

Uno dei famigerati vincoli delle immagini responsive è che solitamente ridimensiona l'immagine correttamente, ma questo devia il punto focale principale dell'immagine quando viene ridimensionato a una dimensione di visualizzazione molto piccola.

ResponsifyJS è una libreria JavaScript leggera che puoi usare imposta le coordinate per mantenere la messa a fuoco dell'immagine mentre viene ridimensionato.

Lineare

Lineare è un'app righello per Mac. Puoi usare il righello per misurare le pagine web, scoprire le dimensioni di un elemento senza dover aprire il DevTools o capire se un elemento è perfettamente centrato. Puoi avere più righelli e passare l'unità da PX a EM.

StickyStack

StickyStack è un plugin jQuery per creare un'esperienza di scorrimento dello stack, quando un pannello raggiunge la parte superiore del viewport, rimane lì, mentre lo scorrimento ulteriore solleva il pannello successivo. È un plugin leggero con alcune opzioni per configurare il contenitore della pagina, la sezione dello stack e l'ombra della casella degli stack. Guarda la demo.

Spettatore

Spettatore è il plug-in di jQuery per lightbox di immagini, un modo molto popolare per ingrandire le immagini sul web. Il plugin è dotato di opzioni travolgenti che ti permettono di personalizzare ogni bit del lightbox interfaccia.

Il plugin fornisce anche un set di API ed eventi personalizzati per il controllo totale su lightbox risposta e comportamento. Inoltre, funziona fino a Internet Explorer 8.

DeviceMock

DeviceMock è una libreria JavaScript che ti permette di creare cornici o mockup di dispositivi come un telefono, un tablet e un desktop. Allo stesso modo, la libreria fornisce le opzioni per impostare il colore del tema della cornice, le dimensioni e l'orientamento della cornice.

Potrebbe essere una buona alternativa per mostrare il tuo web e app al posto di usare Photoshop.

CLR

CLR è un'iniziativa per ridefinire i colori Web predefiniti in una tonalità di colore moderna e più intuitiva. Inoltre, sostiene una serie di combinazioni di colori per una migliore accessibilità. È possibile distribuire questi colori tramite campioni di colore NPM, Gem (Ruby) e Photoshop e Illustrator.

Colorazione

Colorazione è una libreria JavaScript super leggera (3kb minificata) a estrai i colori dominanti da un'immagine con un sacco di API per manipolare i colori. Puoi usare il colore estratto come segnaposto mentre aspetti che l'immagine si carichi completamente, generi uno sfondo sfumato o regola l'interfaccia adiacente per incontrare il colore dell'immagine.

BookBlock

BookBlock è il plugin jQuery a crea un opuscolo con l'effetto di capovolgimento della pagina. È una bellissima alternativa per visualizzare più immagini sul tuo sito web, in particolare se c'è una sequenza o un flusso che vuoi mostrare.

Puoi controllare la demo qui per avere un'idea di come funziona BookBlock.