• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina

Tiziano Fogliata

  • Home
  • WordPress
  • Web Marketing
  • Email Marketing
  • Contatti

Home » Sviluppo Web » Se sei un web designer ecco alcuni strumenti utili per te

Se sei un web designer ecco alcuni strumenti utili per te

Scritto da Tiziano Fogliata il 12 Giugno 2013

Occupandomi di web design sono sempre alla ricerca di strumenti, servizi e curiosità che possono rendere più agile, semplice e gradevole il mio lavoro.

Ne ho collezionati alcuni in questo post, spero ti possano essere utili.

Prepos, per chi lavora con Less, Sass, Scss…

Un’app, disponibile anche come estensione per Google Chrome, che consente di compilare file Less, Sass, Scss, Stylus, Jade, Slim, Coffeescript, Haml e Markdown.

prepos

Una checklist per verificare l’usabilità di un sito

Una lista completa che riporta le varie verifiche da effettuare su un sito o una web app per essere sicuri che presenti problemi di usabilità. E’ attulamente in fase beta, anche se non è ben chiaro perché una checklist debba essere in fase beta 😉

mmenu per creare menu laterali per i siti mobile

Un plugin per jQuery che consente di creare dei menu laterali a scomparsa tipici delle applicazioni mobile da utilizzare per le tue pagine web.

menu-laterali-app

Maskew per inclinare i bordi delle immagini

Una libreria JavaScript per applicare l’effetto “skew” alle immagini.

maskew-immagini

Transizioni e trasformazioni CSS con Transit

Un plugin per jQuery che permette di applicare facilmente transizioni e trasformazioni a vari elementi di una pagina HTML.

Sassaparilla per gli amanti di Sass e Compass

Qui parliamo di sviluppo ad alto livello con i CSS. Se utilizzi Sass ed il framework Compass, dai un’occhiata a questo progetto.

Creare applicazioni desktop multi-piattaforma con HTML5, CSS3 e JavaScript

TideSDK è un sistema che consente agli sviluppatori Web di creare applicazioni desktop. Con questo strumento è stata creata l’app Wunderlist per Mac OS.

tidesdk

Rendi modificabili i campi di una pagina con X-editable

Una libreria JavaScript che consente di rendere modificabili da front-end diversi elementi di una pagina Web. Compatibile con  Twitter Bootstrap, jQuery UI e jQuery,

x-editable

Effetto lightbox per immagini, video e contenuti caricati via AJAX con Magnific Popup

Un fantastico plugin jQuery (compatibile anche con Zepto.js) che permette di sfruttare l’effetto lightbox in una miriade di situazioni. E’ completamente responsive e le icone per il controllo della navigazione sono realizzate via CSS senza uso di immagini, quindi adatte anche ai display Retina.

magnific-popup-jquery

Individuare i colori utilizzati in una pagina Web

La scelta dei colori da utilizzare quando si progetta un sito Web non è mai banale ed in molti casi è utile trovare ispirazione osservando quello che c’è in giro. Grazie a questo strumento è possibile individuare rapidamente tutti i codici esadecimali dei colori presenti in una pagina Web. Basta inserire l’URL ed il gioco è fatto 🙂

colori-siti-web

Share12
Tweet11
Share1
WhatsApp

Sezione: Sviluppo Web Argomento: CSS, JavaScript, Web design

Interazioni del lettore

Ti potrebbero interessare anche…

Grid Ruler: un’estensione per Chrome per tracciare guide come in Photoshop
Applicare stili personalizzati ai widget su WordPress con i CSS
4 estensioni per Google Chrome per i web designer

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato.

Barra laterale primaria

Mi presento

Tiziano FogliataMi chiamo Tiziano Fogliata e mi occupo di consulenza e formazione in ambito WordPress e digital marketing.
Aiuto aziende e professionisti a sfruttare strumenti come WordPress, l'email marketing e la marketing automation per comunicare, trovare nuovi clienti e far crescere la propria attività. Autore di due libri su WordPress editi da Hoepli. Continua…

WordPress: articoli consigliati

  • Come scegliere l’hosting per il tuo sito
  • Come scegliere un tema WordPress
  • Come installare WordPress su hosting SiteGround
  • 16 cose da fare prima di pubblicare il tuo sito
  • Quanto costa realizzare un sito WordPress
  • Perché consiglio Genesis come tema WordPress
  • Landing page su WordPress: guida alle soluzioni migliori
  • Guida ai Page Builder per WordPress
  • Come e perché fare il backup di un sito WordPress
  • Siti WordPress in più lingue con WPML
  • Gravity Forms: il miglior plugin WordPress per creare moduli

Footer

Link veloci

  • Video tutorial
  • I migliori plugin per WordPress
  • Guida all'email marketing
  • Glossario
  • WordPress FAQ

Risorse e formazione

  • Risorse WordPress
    I temi, i plugin e le migliori risorse per il tuo sito
  • Corsi online
    Per imparare in modo facile passo dopo passo
  • Consulenza e Formazione
    Sessioni di consulenza o formazione personalizzate

Contatti e Social

  • Contattami
  • Facebook
  • YouTube
  • Twitter
  • Instagram
  • Feed RSS

©2004–2021 Tiziano Fogliata | Informazioni sul sito | Privacy Policy | Cookie Policy | Preferenze Cookie
Partita IVA: 02689700983 | Registro Imprese di Brescia n. 471035