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 »

CSS Tip #10 – Primi e ultimi

I selettori Css in genere ci permettono di bersagliare oggetti specifici all’interno di strutture Html più o meno complesse, ma a volte siamo costretti a mettere mano a quest’ultimo per riuscire a prendere proprio solo ed esclusivamente l’ultimo o il primo oggetto di una serie… ma scavando a fondo nei meandri di questo linguaggio si scopre in realtà che esiste un selettore anche per quelle occasioni .

Abbiamo due pseudo selettori (tipo quello per il passaggio del mouse su un oggetto) per poter modificare gli aspetti dei primi e ultimi elementi di una serie, diciamo per esempio di una lista non ordinata: Continua a leggere »

CSS Tip #9 – Css di Natale!

In quest’edizione “speciale” dei Css tips, dedico qualche minuto a spiegare come ho scritto i Css per il “Christmas Pack 2009″. Come vedrete, molte delle proprietà che uso per inserire questi elementi nella pagina le abbiamo già incontrate in precedenti tips, quello che voglio spiegarvi qui è come organizzare gli stili per ottenere il miglior risultato scrivendo il minor numero di righe di codice possibili.

Sapendo che alcune proprietà sono comuni per tutti gli elementi mentre altre sono specifiche per ogni elemento, ho raggruppato quelle comuni come posizionamento fisso, display in blocco e text-indent in una classe generica: Continua a leggere »