Personal tools

September

Sep 24, 2014

Le tartarughe a From the Front 2014: the Temple of the DOM

Sembra di camminare sui biscotti... nooo, non sono biscotti!

Le tartarughe a From the Front 2014: the Temple of the DOM

Torna a calcare il palcoscenico del Duse di Bologna uno degli eventi più importanti d'Italia per chi si occupa di Front End. I colpi di scena non sono mancati!

Cos’è From the Front?

E’ una conferenza dedicata al web. Si rivolge in particolare ai cosiddetti sviluppatori "Front End", coloro che si occupano della struttura, della presentazione e del comportamento di un sito, di un portale o di una applicazione web.

read more

Sep 16, 2014

Prototipi e mockups per Mobile: è semplice con gli strumenti giusti!

Tap, swipe, pinch, bump... e il clic?

Prototipi e mockups per Mobile: è semplice con gli strumenti giusti!

Filed Under:

Progettare e prototipare una nuova App sono le fondamenta per una buona riuscita: se il cemento è sabbioso basterà un "tap" di troppo a far crollare il castello

Sviluppare applicazioni per device (smartphone, tablet e surrogati) richiede un’analisi preliminare, se non pari, addirittura superiore a quella di un sito. Lo stesso dicasi per la realizzazione di siti web in ottica “mobile first”.

Le dimensioni dello schermo, il modo in cui l’utente può interagire con la nostra app, le molteplici situazioni in cui lo stesso utente si può trovare nel momento in cui la utilizza e addirittura il numero di zampe di cui dispone (leggi l’articolo fino in fondo e mi darai ragione ;-) sono tutti fattori determinanti da tenere sotto controllo, dall’analisi alla pubblicazione sullo store.

In questo post ho raccolto alcuni strumenti che possono aiutare nella fase di progettazione e protipazione su mobile.

read more

Sep 10, 2014

Play these (Python) strings until my fingers are raw

What Do You Want from Me

Play these (Python) strings until my fingers are raw

Filed Under:

This blog post is about the tricky task of subclassing immutable types in Python. Once you get it right, you will end up with superpowered objects

In one project I had to subclass the Python string type (namely str) in order to get some additional features.

Why I decided to do that?

Because I needed something:

  • supporting almost all the methods of the standard strings
  • with some custom attributes, additional methods
  • that could be compared and mixed with strings.

I had almost no choice. But subclassing str is a task that should be handled with special care because it is a so called immutable type.

read more

Sep 03, 2014

Responsive web design... ma non dimentichiamoci del logo!

Responsive logo design

Responsive web design... ma non dimentichiamoci del logo!

Filed Under:

Sfruttiamo davvero tutto il potenziale del responsive web design per i loghi? Come risulterebbero quelli dei brand più famosi, se fossero responsive?

Nei siti web responsive l’aspetto dell’header, del menu di navigazione o dei contenuti cambia in base alle dimensioni dello schermo. Tuttavia, si tende a non modificare i loghi: semplicemente si riducono o si espandono per adattarsi allo schermo.

A volte manca uno studio vero e proprio sull’aspetto responsive del logo, che definisca come debba essere il logo in base alle diverse dimensioni del dispositivo. Eppure il logo è il simbolo più potente del marchio di un brand.

Come dicevo, semplicemente ridurre o ampliare un logo secondo il suo contesto non è sempre la soluzione migliore.

Potrebbe essere necessario aggiungere dettagli nel logo man mano che la capacità del dispositivo aumenta o, al contrario, rendere minimale il suo aspetto se le dimensioni della finestra diminuiscono.  

Un ottimo esempio ci viene fornito da un progetto di studio di Joe Harrison sulla creazione di loghi responsive per i grandi marchi.

Questo progetto mostra come loghi delle marche più popolari possono essere efficacemente riprodotti in maniera responsive. Se aprite la pagina e ridimensionate il browser vedrete i loghi che si aggiornano dinamicamente in base alle dimensioni dello schermo. Via via che le dimensioni del browser si riducono, ognuno di questi loghi passa attraverso una sequenza di breakpoint e, ad ogni breakpoint, il logo viene modificato, rimanendo però fedele al marchio originario.

Loghi - FullscreenLoghi - TabletLoghi - Mobile

read more