Tools per Web Designer – Gennaio 2014

tridiv
Tempo stimato di lettura: 2 minuti, 4 secondi
Pubblicato il 7 febbraio 2014

Iniziamo quest’anno con una nuova rubrica rivolta a tutti i Web Designer e non.
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.

Il mese di Gennaio è stato ricchissimo di risorse e dopo un’attenta scrematura vi propongo le 15 che per me sono risultate le  più interessanti.

Non finisce qua perché in fondo all’articolo potrete trovare una fantastica chicca per chi è sempre alla ricerca di immagini gratis di alta qualità.

Buona condivisione!

CSS Loading Spinners

CSS3 ci permette di fare mote cose interessanti senza usare  Javascript. Questo articolo mostra come è possibile animare il caricamento delle pagine solo con i CSS.

CSS Loading Spinners

Dot Navigation Style

Animazioni creative per la navigazione degli slider.

Dot Navigation Style

MindMup: Zero-Friction Free Mind Mapping Software Online

Uno strumento totalmente gratuito e open source per la creazione di  mappe mentali.

mindmup

“Look Inside” book preview with bookblock

Fantastico tutorial su come creare un’anteprima di un libro per il tuo negozio online. Con questo tutorial sarà possibile mostrare i dettagli del libro e guardare l’interno aprendo l’anteprima a schermo intero e consentendo una navigazione 3D della pagina.

Book Preview

CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and More

Tanti altri spunti per animazioni CSS.

css animation

How to Use Colors for More Effective Landing Pages

I colori giocano un ruolo decisivo nella tua landing page, scopri come scegliere quelli giusti!

colors in landing pages

Minimalist Logos for your Inspiration

Una serie di loghi minimalisti da cui prendere spunto.

minimalist logos

Typeform

Sei stanco dei soliti questionari noiosi? Da oggi Typeform ti mette a disposizione uno strumento per rendere più semplice e piacevole compilare questionari online.

typeform

Favico.js

Utile strumento per animare  le vostre favicon.

Favicon js

Tridiv

Web app per creare figure 3D animate in CSS

tridiv

MyndBook

Altro strumento per creare mappe mentali.

MyndBook

Emmet LiveStyle

Questo strumento è pensato per chi lavora sempre con l’ispeziona elemento di Google Chrome. Con questo plugin per Google Chrome, Safari e Sublime Text si potrà finalmente editare il CSS dall’ispeziona elemento e le modifiche saranno salvate direttamente sul tuo file.

emmet livestyle css live reload

Start Bootstrap

Per tutti gli amanti di Bootstrap, questo sito vi mette a disposizione una serie di template da cui partire.

start-bootstrap

Sticky table header & columns

Un tutorial per creare tabelle con testate e colonne “sticky”.

Sticky Table Headers

5 UX Tips for Designing More Usable Registration Forms

Alcuni consigli su come rendere più usabile i tuoi form registrazione.

UX Tips for Designer

Immagini gratis

Alcuni siti dove poter reperire immagini di alta qualità gratis:

  1. Unsplash
  2. Picjumbo
  3. New Old Stock
  4. Gratisography
  5. IM Free
  • Enzo

    Tanta roba….grazie mille, sempre utilissimi consigli e proposte.

    • Andrea Novi

      Ciao Enzo, è un piacere 😉

  • Thanks for including my CSS Spinners tutorial.

    • You’re welcome Paul 🙂

    • Andrea Novi

      Hi Paul, thanks to you. I’m following your blog since one year, and it’s very useful for our job 😉

Shares