CSS Tip #12 – Chi supporta i CSS3?

Da qualche anno si dice che i CSS3 siano alle porte…. tuttavia la loro ufficializzazione non è ancora avvenuta e non si sa neanche quando avverrà.

Ma nonostante tutto alcuni webdesigners li usano, merito principalmente di Mozilla e Apple che hanno deciso di supportare subito questo nuovo standard nei loro browser anche se non è ancora stato ufficializzato. Per quanto riguarda Apple poi tramite i suoi dispositivi iPod Touch, iPhone e iPad che (volenti o nolenti) registrano milioni di vendite, il browser Safari è diventato il più diffuso in ambito mobile. Questa non è affatto una cosa da sottovalutare perche appunto significa che se stiamo realizzando pagine web “dedicate” al mobile o a quei dispositivi possiamo gia utilizzare gran parte delle nuove proprietà CSS3!

A questo punto facciamo un po di chiarezza e qualche considerazione: Continua a leggere »

Una rinfrescatina ai CSS tips

Come dicevo un paio di post fa, ultimamente non sto pubblicando niente di nuovo in quanto mi sto dando all’aggiornamento di varie parti del sito… e una di queste parti è proprio la sezione CSS tips!

Ho dato una sistematina qua e la agli 11 “tips” pubblicati fin’ora correggendo qualche imperfezione, sistemando i file di esempio e aggiornando il logo della serie (quello che vedete qui a fianco) rendendolo un po più “allineato” con la nuova grafica del sito.

In gran parte dei CSS tips ora è possibile vedere degli esempi del codice spiegato nell’articolo in una simpatica finestra pop-up animata, servita tramite il plugin per jQuery Fancybox.

Infine, ora i CSS tips sono raggiungibili in 3 modi:

1. dalla pagina dei tutorial
2. dal tag “css tip” che elenca sia i tips che gli articoli annessi
3. dalla categoria “CSS tips” che elenca solo loro (e mi aiuta a me a gestirli )

Spero sia tutto di vostro gradimento

CSS Tip #11 – Le immagini di sfondo

Dal titolo può sembrare un argomento ovvio o scontato, tuttavia il saper padroneggiare le proprietà che regolano le immagini di sfondo in CSS è ciò che ci permette di realizzare layout web graficamente interessanti e di ottimizzare l’utilizzo delle risorse.

In questo CSS Tip vedremo come utilizzare queste proprietà, analizzando alcuni esempi pratici e ricombinando alcune conoscenze apprese in precedenza. Continua a leggere »

Pixus: uno strumento essenziale!

Tutti i webdesigner incappano nel momento in cui bisogna prendere delle misure di un qualche oggetto sullo schermo. Che sia per disegnare un banner, una parte di un sito o elementi per l’interfaccia utente spesso si finisce col fare uno screenshot dello schermo, aprire Photoshop (con i suoi simpaticissimi tempi di caricamento), usare guide e strumenti di selezione per prendere le misure che ci servono e rendersi poi conto di averlo evocato per un lavoro cosi semplice.

Ora cambiamo completamente argomento, sappiamo che grazie ad Adobe AIR chiunque sa programmare in ActionScript 3 è ora in grado di realizzare applicazioni desktop, quindi se hai bisogno di qualcosa… a volte fai prima a farlo da te… o scaricare programmini fatti da qualcun’altro nella tua stessa situazione.

Come unire questi due discorsi apparentemente sconnessi? grazie a Pixus! Ovvero un’applicazione AIR gratuita che ci fornisce un simpatico ed utilissimo righello sullo schermo sempre in primo piano per misurare qualunque cosa sia visualizzabile sul nostro schermo!

PS: oh a proposito… post numero 100!

Redesign #2 – il mood

Come tutte le cose nel tempo, anche i gusti cambiano. La “splashata” di vernice multicolarata sullo sfondo mi è sempre piaciuta, ma sentivo che potevo migliorarla e metterla un po più in evidenza, mentre il nero come colore principale… effettivamente mi ha stufato!

Ovviamente non passerò da un layout nero a uno bianco in una sola “passata” nel senso che questo nuovo design sarà un po più grigio, quindi il mood generale del sito sarà molto meno cupo e potrò giocare con combinazioni di colori un po più vive e un po meno scontate delle attuali.

Se speravate in un layout bianco e pulitissimo, mi sa che dovrete aspettere il 3° o 4° redesign