Nuove risorse per sviluppatori Web - Febbraio 2016

Il 2015 è stato un anno eccezionale per il web: le tecnologie web sono state adottate in molti altri fattori oltre a creare 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à delle tecnologie web e delle 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 più risorse

Clicca per più risorse

Trova la nostra intera collezione di risorse raccomandate 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 Flat Slider è 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 per applicare funzionalità tipografiche CSS avanzate come le legature dei font, la maiuscola e molto altro. 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 con le immagini reattive è di solito scalare correttamente l'immagine, ma questo devia il punto focale principale dell'immagine quando viene ridotta a una dimensione di visualizzazione molto piccola.

ResponsifyJS è una libreria JavaScript leggera che è possibile utilizzare per impostare le coordinate per mantenere il focus dell'immagine mentre viene ridimensionato.

Lineare

Linear è 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 plug-in di jQuery per creare un'esperienza di scorrimento dello stack, quando un pannello raggiunge la parte superiore del viewport, rimane in esso, 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

Viewer è 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 dell'interfaccia lightbox .

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

DeviceMock

DeviceMock è una libreria JavaScript che consente 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, la dimensione e l'orientamento della cornice.

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

CLR

Clrs è un'iniziativa per ridefinire i colori web predefiniti in un tono di colore moderno più attento agli occhi . 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

Colorify è una libreria JavaScript super leggera (3kb minified) per estrarre colori dominanti da un'immagine con un sacco di API per manipolare i colori . È possibile utilizzare il colore estratto come segnaposto mentre si attende il caricamento completo dell'immagine, generare uno sfondo sfumato o regolare l'interfaccia adiacente per soddisfare il colore dell'immagine.

BookBlock

BookBlock è il plug-in di jQuery per creare un opuscolo con l'effetto "page-flip" . È 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.