Nuove risorse per Web designer e sviluppatori (novembre 2012)

Ci sono una serie di nuovi strumenti e risorse per dare ai web designer e agli sviluppatori una leva extra per il loro lavoro. Questo mese ne abbiamo alcuni fantastici strumenti e risorse gratuiti degno di un tentativo, a partire da un plug-in per creare fantastici effetti fotografici su un plug-in per il contenuto e l'immagine che scorre con una transizione davvero cool.

Quindi, controlliamoli.

Scopri tutte le nostre risorse fresche (in base al mese):

Proto

Il web design reattivo sta diventando la pratica standard nella creazione di un sito web. Questo fa Questo strumento davvero utile per portare a termine il lavoro. Proto è basato su SCSS per la prototipizzazione rapida del layout responsive fornendo classi CSS predefinite pronte per l'uso, definendo la griglia reattiva e alcune classi specifiche del dispositivo.

Grid Displayer

Se stai lavorando con framework Responsive Design come Bootstrap o Foundation probabilmente hai bisogno di questo bookmarklet per tenere traccia della griglia nel browser. Questo strumento mostrerà una griglia di sovrapposizione sulla pagina web che stai visualizzando. È abbastanza comodo, basta trascinarlo nella barra dei segnalibri. Basta cliccare sul bookmarklet ogni volta che hai bisogno di griglie da mostrare.

BootMetro

Windows 8 applica la semplicità del linguaggio di progettazione Metro. Se vuoi abbracciare questo stile sul tuo sito web, BootMetro è probabilmente quello di cui hai bisogno.

sottolineatura

Ci sono molti temi introduttivi di WordPress disponibili su Internet, ma nessun altro è così importante come Underscore. Con esso puoi specificare e personalizzare il nome del tema, la descrizione, l'autore e in particolare il tema Slug, che si applica alla funzione tema una volta scaricato il pacchetto, in modo da ottenere qualcosa come theme_slug_function.

Jarallax

Come l'effetto Parallax che vedi in siti come questo? Se vuoi applicare un effetto simile al tuo sito web, puoi usare Jarallax, una libreria di animazione JavaScript per creare l'effetto Parallax (in pochissimo tempo).

Ventoso

Sei annoiato con effetti scorrevoli della galleria che si muovono solo orizzontalmente? Quindi controlla Windy, che utilizza la trasformazione 3D per eseguire il contenuto in un modo davvero unico. Guarda la demo qui.

TiltShift

In breve, tiltShift in fotografia è una tecnica per fare in modo che una foto sia più piccola, quasi in miniatura di quanto non sia in realtà. Controlla la nostra collezione di tali foto in questo post: “Fotografia Tilt-Shift”. Se vuoi applicare un effetto del genere nella tua galleria fotografica, puoi semplicemente utilizzare questa libreria JavaScript, TiltShift.js.

Sequenza

Sequence.js è un plug-in reattore jQuery con alcuni effetti di transizione avanzati. A differenza dell'altro cursore, Sequence non viene fornito con il proprio tema incorporato. Quindi, possiamo personalizzare completamente l'aspetto e le corrispondenze del nostro sito web.

Delta

L'interfaccia utente di jQuery è un set completo di un'interfaccia utente Web comune e di un'interazione, che è facile da usare. Tuttavia, il tema predefinito è noioso. Quindi, se vuoi avere un aspetto diverso per l'interfaccia utente di jQuery, ma non vuoi sporcarti le mani con i CSS, puoi semplicemente sostituire gli stili CSS predefiniti con Delta, un tema perfetto per l'interfaccia utente di jQuery.