Tools per Webdesigner – Maggio – Giugno 2014

Immagine originale tratta da Fotolia
Tempo stimato di lettura: 2 minuti, 20 secondi
Pubblicato il 18 Giugno 2014

Questa rubrica  vuole  essere uno spazio dove poter raccogliere le risorse più recenti e le nuove tendenze del web design:  tutorial, siti per ispirarsi e tecniche CSS.

Tanti nuovi strumenti e articoli utili per il tuo prossimo sito.

Buona condivisione 😉

Risorse gratuite

Gestire i Breakpoint Responsive con SASS

Interessante guida su come gestire i Breakpoint in un layout responsive con SASS

Ispirazione per effetti introduttivi dei post

Codrops spiega come creare delle fantastiche animazioni nella pagina di introduzione di un articolo con immagine di sfondo in fullscreen.

Come usare i filtri per migliorare l’impatto visivo

In questo articolo viene spiegato come applicare alle proprie immagini dei filtri per migliorare l’impatto visivo del proprio sito.

How to use filters to enhance your websites impact

Form HTML5: CSS

Ecco qua un interessante guida per conoscere tutti gli pseudo-selettori che possono essere applicati ai campi di un form.

HTML5 Forms CSS

CSS Spinners & Loaders

Ecco come creare delle icone animate per il caricamento del tuo prossimo sito.

CSS Spinners & Loaders

Come creare un semplice Content Locker con WordPress

Tutorial su come sviluppare uno shortcode per wordpress per sbloccare il contenuto di un articolo attraverso la condivisione su Facebook.

How to Develop a Simple Content Locker Plugin Using WordPress

Bottoni che si trasformano, concept

Tutorial per creare pulsanti animanti che si trasformano in form, blocchi di testo e tanto altro.

Morphing Buttons Concept

5 consigli per creare palette di colori divertenti e solari

Alcuni consigli per creare palette colori accattivanti.

WTF, forms?

Guida su  come personalizzare al meglio le checkbox e i radio sul tuo prossimo sito

WTF forms

Animazioni CSS vs. JS: Chi è più veloce?

Un interessante confronto sulla velocità delle animazioni create in CSS contro quelle create in Javascript. Chi avrà la meglio? La risposta non è affatto scontata. Leggete l’articolo e lo scoprirete.

CSS vs JS Animation Which is Faster

Un workflow per realizzare emai responsive usando e Grunt

Come creare email responsive? Ecco qua un workflow interessante che sfrutta le potenzialità di INK e di GRUNT.

A workflow for responsive emails using Ink and Grunt

Migliora le animazioni con Velocity.js

Migliora le tue animazione Javascript con questo fantastico plugin! Ne rimarrete davvero impressionati

Improving UI Animation Workflow with Velocity.js

Come realizzare un indicatore di Scrollbar con jQuery e SVG

Ecco come creare un indicatore nella scrollbar utilizzando JQuery e SVG.

How to Build a Page Scroll Progress Indicator With jQuery and SVG

Frecce di navigazione con stile

Crea dei pulsanti di navigazione animati che faranno rimanere a bocca aperta i tuoi clienti.

ARROW NAVIGATION STYLES

Come costruire un widget per il profilo social in WordPress

Guida per sviluppare in wordpress il tuo widget dei profili social.

How To Build a Social Media Profile Widget in WordPress

Il rischio di stoppare la propagazione di eventi in Javascript

Ecco cosa succede se blocchi la propagazione dell’evento in Javascript.

The Dangers of Stopping Event Propagation

3 soluzioni CMS che potrebbero essere migliori di WordPress per i tuoi scopi

3 Valide alternative a WordPress.

Griddify: Un plugin Photoshop per creare Guide e Griglie rapidamente

Un plugin per Photoshop per creare guide e griglie in maniera automatica.

Intel crea un nuovo font

Intel crea un nuovo font per il suo brand.

Intel unveils its new brand typeface

Shares