verosimile.it

Esperimenti CSS

Creare facilmente div con angoli tondi senza usare immagini e javascript

Una soluzione CSS veloce, configurabile, leggera, validata, dal layout elastico. Insomma, una soluzione con le palle... quattro palle, per essere precisi!

Premessa: tengo a precisare che questa è una soluzione che ha la sua ragione di vita nell’essere “cross browser”. Se per voi è sufficente offrire un layout con angoli tondi per gli utenti di Firefox e Safari/Chrome, potete utilizzare la proprietà CSS3 “-border-radius”:

-moz-border-radius: 10px (per Firefox)
-webkit-border-radius: 10px (per Safari/Chrome)

Mesi fa avevo proposto una procedura CSS per creare box con angoli tondi senza immagini, utilizzando le liste di definizione. Vediamo ora una versione che fa uso dei classici div, quindi molto più familiare a chi sviluppa siti web.
Il punto di forza della versione con liste di definizione era il fatto che non venivano richiesti tag aggiuntivi, potendo utilizzare, per creare l’effetto “stondatura”, gli stili applicati ai vari elementi della definition list (dl), ossia i tag definition term (dt) e definition detail (dd).
Ora invece non abbiamo a disposizione che un singolo tag - il div, appunto - per cui saremo costretti ad usare degli elementi aggiuntivi... o qualsi!

Utilizzeremo infatti quattro bullet (•) posizionati alla fine del div, che avranno, nel flusso del documento, la funzione di una spaziatura tipografica (come il tag hr, per intenderci). Come avrete capito, l’escamotage che permette di creare angoli tondi senza immagini o javascript sta tutto nell’utilizzo di questi quattro bullet. Vediamo come.

Il Novello del lunedì

Il gitante che non canta

Il timido che aveva detto a colazione: «Pago tutto io, poi divideremo».

I tic verbali di Libero.it

Conteggio settimanale tic verbali di Libero.it (dal 19/5 al 23/5)

Quante volte compare il termine "sexy" (o simile) nella homepage di Libero, durante la settimana?
Verosimile.it offre ai suoi lettori questo utilissimo servizio. Il conteggio è effettuato da lunedì a venerdì dalle 9 alle 17. I "sexy" che compaiono nell’arco della giornata sono uniti in un unico screenshot.

Su “continua” il resoconto settimanale.

Prodotti verosimili

Italianizziamo i loghi! Nazionalizziamo i marchi! (2)

Seconda tornata di marchi internazionali tradotti in italiano (la prima la trovate qui).
Che effetto farebbero i familiari loghi di aziende di fama mondiale, se parlassero la nostra lingua?
Per scoprirlo basta cliccare su “continua”.
Passando sopra l’immagine comparirà il nome originale del marchi. Buona visione!

Il Novello del lunedì

A due mesi dal ricevimento

La padrona di casa scopre in un vaso quattro fette della sua famosa torta al maraschino.

I tic verbali di Libero.it

Conteggio settimanale tic verbali di Libero.it (dal 12/5 al 16/5)

Quante volte compare il termine "sexy" (o simile) nella homepage di Libero, durante la settimana?
Verosimile.it offre ai suoi lettori questo utilissimo servizio. Il conteggio è effettuato da lunedì a venerdì dalle 9 alle 17. I "sexy" che compaiono nell’arco della giornata sono uniti in un unico screenshot.

Su “continua” il resoconto settimanale.

CD verosimili

Segnalazione musicale: Nicola Grotta e i Semi Cattivi

Nicola Grotta sarebbe stato destinato forse ad una promettente carriera di autore rock di qualità, se non fosse stato implicato (all'epoca dell'uscita del suo primo disco) in un processo per rapina a mano armata che si concluse con la sua condanna a una pena detentiva di qualche anno.
Dopo la sua scarcerazione fece perdere le tracce.

Il Novello del lunedì

Invito a pranzo

Il signore che è arrivato troppo presto.

I tic verbali di Libero.it

Conteggio settimanale tic verbali di Libero.it (dal 5/5 al 9/5)

Quante volte compare il termine "sexy" (o simile) nella homepage di Libero, durante la settimana?
Verosimile.it offre ai suoi lettori questo utilissimo servizio. Il conteggio è effettuato da lunedì a venerdì dalle 9 alle 17. I "sexy" che compaiono nell’arco della giornata sono uniti in un unico screenshot.

Su “continua” il resoconto settimanale.

Web (design e altro)

C'era più contenuto quando c'era meno contenitore...

Oramai la larghezza minima nei layout fissi dei più importanti portali web sta passando da 800px a 1024px. Questo allargamento generale dovrebbe portare ad un aumento dello spazio per i contenuti, ma, come ben sappiamo, in un sito commerciale i contenuti non sono gli unici elementi presenti. Anzi.
Vediamo un semplice esempio relativo a due importanti siti generalisti italiani.

Analizzeremo visivamente il rapporto tra contenuti e advertising (banner, box pubblicitari, inserzioni redazionali, link a servizi commerciali esterni o interni) nelle homepage di Virgilio e Libero di qualche anno fa e di oggi.
Va da sè che in un portale generalista il confine tra contenuto e pubblicità redazionale è quanto mai labile... Per esempio le sezioni relative ai motori o ai cellulari altro non sono che vetrine commerciali mascherate da articoli informativi, ma tant’è: in questo caso definisco inserzioni commerciali solo gli elementi che vogliono apparire come pubblicità. Non ho preso in considerazione elementi presenti nei footer o fuori dal corpo centrale della pagina.

Il Novello del lunedì

Dopo la lezione

Il professore di ginnastica, a porte chiuse, tenta invano la salita alla fune.

I tic verbali di Libero.it

Conteggio settimanale tic verbali di Libero.it (dal 28/4 al 2/5)

Quante volte compare il termine "sexy" (o simile) nella homepage di Libero, durante la settimana?
Verosimile.it offre ai suoi lettori questo utilissimo servizio. Il conteggio è effettuato da lunedì a venerdì dalle 9 alle 17. I "sexy" che compaiono nell’arco della giornata sono uniti in un unico screenshot.

Su “continua” il resoconto settimanale.