Michela Chiucini web designer - creazione siti web

Una gita in mongolfiera con le animazioni CSS3 e z-index

Michela — Tue, 04 May 2010 14:13:34 +0000

Le nuove tecnologie CSS3 e HTML5 sono una cosa meravigliosa perchè ci permetteranno di realizzare siti più leggeri e semantici.
Una novità importante è la possibilità di creare delle animazioni con i soli css, senza bisogno di Flash o Javascript.
Ho avuto modo di approfondire l’argomento in un lavoro che sto realizzando e devo dire che la cosa è molto interessante.

In rete si trovano diversi esempi, ma ancora molto poco che spieghi nel dettaglio i vari passaggi per creare questo tipo di animazioni.
Così ho deciso di scrivere un breve tutorial su come simulare il volo di una mongolfiera in un cielo.

La demo funzionante si trova qui, ma attenzione che può essere vista per il momento solo con browser webkit (Chrome o Safari) .

L’articolo completo col tutorial invece si trova a questo indirizzo

Web is love : la storia

Michela — Mon, 08 Mar 2010 08:35:07 +0000

Da un bel po’ di tempo era in cantiere, si tratta di WebisLove un mio progetto personale, esclusivamente in lingua inglese, dove condividerò risorse e articoli sul web design.
Ho cercato di realizzare una grafica che mi rappresentasse, al di là dei trend del momento, e che al tempo stesso rendesse il sito di facile consultazione. E’ stato molto divertente realizzarlo, potete leggere l’intera storia con tutti i dettagli qui.

Tempo permettendo, cercherò di riportare qui le traduzioni degli articoli che meglio si prestano a questa operazione. Nel frattempovi invito a visitarlo e, se vi va, a dire che ne pensate.

Free handwritten font: Breakfast at Michy’s

Michela — Tue, 15 Dec 2009 16:12:51 +0000

Lo stile handwritten, ossia scritto a mano, è sempre più diffuso nel web design probabilmente anche perchè la presenza della mano umana nella comunicazione la rende spesso più diretta.
E fu così che decisi di creare questo font, il nome è Breakfast at Michy’s.

Il font è distribuito sotto Licenza Creative Commons e può essere utilizzato sia in progetti personali che commerciali.

download Breakfast at Michy’s

Siti compatibili con IE6 senza perderci la ragione

Michela — Sat, 07 Nov 2009 16:27:57 +0000

Per ogni web designer IE6 è sempre sinonimo di perdita di tempo. Quando un sito in teoria sarebbe finito, nella pratica, almeno per quanto mi riguarda, c’è sempre il test per Explorer 6 che può durare 5 minuti o molto di più a seconda della complessità del layout.

E visto che ignorarlo ancora non è possibile nella maggioranza dei casi, vediamo alcune soluzioni a nostra disposizione per renderci la vita un po’ più semplice:

IE7 di Dean Edwards, si tratta di un javascript che fa operare Explorer 6 in modalità standard compliant permettendo di interpretare correttamente anche alcuni selettori CSS3
Pagina del progetto su Google Code
Il CSS universale per Internet Explorer 6, creato da Andy Clarke, è utilizzabile in qualunque sito salvo minimi adeguamenti. Questa soluzione rimuove completamente la grafica del sito e presenta esclusivamente i contenuti formattati in modo corretto.
Articolo completo
Pagina del progetto su Google Code
Infine, se vogliamo un’esatta corrispondenza del layout anche in questo browser potrà sicuramente esserci d’aiuto e risparmiarci un po’ di tempo questo cheat sheet sui bug di Internet Explorer 6

Insomma, le soluzioni ci sono, tutto dipende come sempre da vari fattori quali il tempo, il budget, la complessità del progetto…

Speaking in styles : i css per il web designer

Michela — Sun, 19 Jul 2009 18:36:34 +0000

Ho appena ricevuto una copia di “Speaking in styles”, il mio sito è stato inserito in questo libro per dimostrare che la distanza tra la progettazione grafica di un sito e la sua successiva implementazione è in realtà solo apparente.

Per me è stato molto gratificante che l’autore abbia scelto fra i pochi esempi riportati anche il mio sito.

Trovo il libro, al di là della mia presenza, da consigliare per l’originale approccio utilizzato che lo rende adatto in particolar modo a chi è abituato a pensare in modo visuale.

L’autore JASON CRANFORD TEAGUE, grazie alla sua grande esperienza come web designer, ha pubblicato numerosi libri, tutti sulle tendenze e tecnologie per il web.

Per ulteriori approfondimenti:
Speaking in styles (ISBN 0321574168)
www.speaking-in-styles.com
@JasonSpeaking
www.peachpit.com

5 free paper/grunge patterns per il web design

Michela — Wed, 15 Jul 2009 11:02:29 +0000

Creare pattern personalizzati per i nostri lavori è un’attività indubbiamente interessante, anche se purtroppo il tempo è tiranno e questo non sempre è possibile. Così ho pensato di metterne alcuni a disposizione per il download. L’utilizzo è gratuito sia per uso personale che commerciale anche se un link ai lavori che avete realizzato sarebbe gradito.

Le immagini sotto sono unicamente a scopo dimostrativo, per utilizzare il pattern nelle dimensioni originali consiglio di scaricare il file zip

Download

Web design in rosa : intervista con Julius Design e DJFrank

Michela — Tue, 23 Jun 2009 08:15:09 +0000

É stato un piacere per me partecipare a questa intervista che fa parte di un progetto di Julius Design in collaborazione con DJFrank di Radio Podcast che si chiama “Design on the Mike : il podcast dedicato al web design”. In queste interviste si cerca di far emergere il lato femminile del design. Potete ascoltare l’intervista direttamente da qui

Typekit : la nuova generazione di fonts per il web

Michela — Tue, 02 Jun 2009 10:22:08 +0000

Fino ad oggi la scelta di caratteri tipografici per le pagine web è stata sempre limitata, almeno per quanto riguarda i contenuti veri e propri di un sito. Tecniche come Sifr e Image Replacement infatti possono essere applicate solo a piccole porzioni di testo, pena l’accessibilita e l’usabilità del sito.

Tecnicamente con la dichiarazione css @font-face sarebbe possibile (e piuttosto semplice) includere il font desiderato aggiungendo il link all’url dove si trova il font. Finora questa soluzione non è stata utilizzata perchè non supportata dai vari browser (ma presto lo sarà) ma il motivo principale è che le licenze dei fonts non prevedono l’inclusione via css permettendone così una ridistribuzione via web.

Ed è qui che entra in gioco Typekit, una sorta di intermediario che consentirà di utilizzare legalmente la dichiarazione @font-face.

Ma come funzionerà?

Dopo una registrazione sul sito, si potrà usufruire in un primo tempo gratuitamente del servizio.
Ci verrà fornito un codice Javascript da inserire nelle nostre pagine che, utilizzato insieme a @font-face, permetterà di visualizzare i testi nel font desiderato, cosa che fino ad oggi è stata possibile solo per la carta stampata o per i siti in Flash.

Typekit infatti sarà una grande libreria di fonts e, grazie agli accordi con molte foundries, questi fonts avranno una licenza creata appositamente per il web.

E se i vantaggi di questa soluzione sono evidenti, saranno comunque necessari degli accorgimenti in caso di Javascript disabilitato o di malfunzionamento dei loro server.

A questo punto non rimane che provare direttamente per vederlo in azione e valutarne costi e benefici

Intanto per essere avvisati appena il servizio sarà disponibile (è previsto per questa estate), potete iscrivervi sul sito con la vostra mail www.typekit.com

Per approfondimenti :

Annuncio ufficiale dal team di Typekit

Account Twitter di @typekit

La Gazzosa diventa chic

Michela — Tue, 19 May 2009 14:10:35 +0000

Non conoscevo la ditta Abbondio finchè non mi sono imbattuta in queste originali bibite dal packaging anni ‘50 con tanto di pin up ammiccanti sull’etichetta.

Devo dire, dopo tante bibite hi-tech, è bello scoprire quanto anche una semplice gazzosa possa essere chic e, andando sul sito, c’è la possibilità di spedire e-cards con queste belle etichette

Per chi le cerca, qui in Versilia si trovano in vendita al Caffè Ristori di Querceta

Online Yayadog.com

Michela — Thu, 07 May 2009 13:23:49 +0000

Pubblicato da pochi giorni il sito e-commerce Yayadog creato per l’artista Juli Morsella.

Sul sito si trovano in vendita le sue opere che spaziano dai dipinti, ai magneti decorati, alle cartoline dipinte a mano.

A pochi giorni dalla pubblicazione, Yayadog ha già ricevuto un importante riconoscimento, è infatti stato scelto come “Site of The Day” sul portale webdesign.org

Per saperne di più sul lavoro di Juli vi consiglio di visitare direttamente il sito che contiene anche un’ampia sezione portfolio