verosimile.it

Esperimenti CSS

Cose che potresti fare con i CSS3: la mappa della metropolitana di Milano

Utilizzando alcune delle proprietà Css2 e Css3 implementate dai browser più recenti è possibile trasformare una serie di elenchi puntati in una complessa mappa grafica.

Quello che presento in questo post è un esercizio di stile finalizzato a promuovere alcune proprietà dei CSS3 (e CSS2) gestite dai browser più recenti, non un tutorial da prendere come riferimento. Faccio questa premessa perché il codice che genera la pagina di esempi potrebbe essere ottimizzato e reso più snello.
Il mio intento è dimostrare che, utilizzando alcune banali proprietà tipiche dei CSS3 (“border-radius” e “transform”) altre dei CSS2 implementate da relativamente poco tempo nei browser più evoluti (pseudoclassi “:after” e “:before” abbinate al contenuto generato, proprietà “inline-block”, font inserito via url), oltre, naturalmente, al posizionamento relativo e assoluto, si possa ottenere un effetto grafico molto complesso, che fino a poco tempo fa non ci saremmo mai immaginati di ricavare da un semplice html e CSS, senza immagini.
Mi sto riferendo alla mappa della Metropolitana di Milano, che potete vedere a questo link (qui il pdf originale), a condizione che usiate una release recente di Firefox, Chrome/Safari oppure Opera. Nel caso utilizziate Internet Explorer 8, a causa del suo mancato supporto ai CSS3, non vedreste la pagina correttamente, ma con la prossima versione 9 non dovrebbero esserci problemi.
È una versione semplificata rispetto all’originale, ma solo causa del tempo che ho voluto e potuto investirci, non per impossibilità tecniche.

Varie (ed eventuali)

Generi musicali

Generi musicali

Quelli che da ragazzino eri convinto si divedessero in rock, pop, jazz e classica.

Che crescendo hai imparato dividersi anche in punk, progressive, blues, rhythm’blues, soul, fusion, rap, disco e poco altro.

Che oggi scopri con sgomento essere in realtà divisi in 8Bit, A'cappella, Acid, Acid House, Acid Jazz, Acid Punk, Acoustic, African, Alternative, Alternative Rock, Ambient, Art Pop, Art Rock, Atmospheric, Avantgarde, Balearic, Bass, Beats, Big Beat, Black Metal, Blues Rock, Breakbeat, Breakcore, Breaks, Brit Pop, Brit Rock, Broken Beat, Celtic, Chamber Pop, Chanson, Chill-Out, Chillwave, Chiptune, Christian Gangsta Rap, Christian Rap, Christian Rock, Club, Club-House, Contemporary Christian, Cosmic Country, Country, Country Rock, Crossover, Cut-up/DJ, CyberPunk, Dance, Dance Hall, Dance-Punk, Dark Cabaret, Dark Jazz, Darkwave, Death Metal, Deep House, Disco, Dixieland, Doom Metal, Downtempo, Dream Pop, Drone, Drum n Bass, Dub, Dub Techno, Dubstep, Easy Listening, EBM, Electro, Electro Clash, Electro Pop, Electro Rock, Electrocumbe, Electronic, Electronic Fussion, Electronica, Emo, Ethereal, Experimental, Fast-Fusion, Field Recording, Folk, Folk Rock, Folk Indie, Free Improvisation, Free Jazz, Freestyle, Funk, Funk / Soul, Fusion, Future Jazz, Gangsta Rap, Garage, Garage Rock, Ghetto, Glitch, Goa Trance, Gothic, Gothic Rock, Grime, Grunge, Gypsy, Halfstep, Hard House, Hard Rock, Hardcore, Heavy Metal, Hip Hop, Horror, House, Icelandic, IDM, Illbient, Indie, Indie Pop, Indie Rock, Industrial, Instrumental, Instrumental Rock, Italo-Disco, Jazz, Jazz-Funk, Jazz-Rock, Jungle, Krautrock, Latin, Leftfield, Liquid Funk, Live, Lo-Fi, Lounge, Math Rock, Metal, Metalcore, Minimal, Mixtape, Modern Classical, Musique Concrète, Negerpunk, Neo-Classical, Neofolk, New Rave, New Wave, Noise, Noise Rock, Nu Disco, Nu Jazz, Nu Metal, Nu-Jazz, Nu-Metal, Nu-Rave, Orchestral, Piano Rock, Pop, Pop Rap, Pop Rock, Porn Groove, Post Metal, Post Punk, Post Rock, Post-Hardcore, Power Pop, Pranks, Primus, Progressive, Progressive House, Progressive Rock, Progressive Trance, Psychedelic, Psychedelic Rock, Psychobilly, Psychodelic Pop, Punk, Punk Rock, Rap, Reggae, Remixes, Rhythmic Noise, Rock, Salsa, Samba, Screamo, Shoegaze,Ska, Slowcore, Slow Jam, Sludge, Soft Rock, Soul, Soundtrack, Space Pop, Space Rock, Space-Age, Spoken Word, Stoner Rock, Symphonic Rock, Synth Pop, Synth-pop, Tech House, Techno, Techno-Industrial, Thrash Metal, Trance, Tribal, Tribute, Trip Hop, Tropical, Twee, UK Garage, Urban Sounds, Vocal, World

Web verosimile

Consiglio per blogger: mai abusare del grassetto

Eccomi giunto a un’altra puntata dei consigli tecnici per giovani blogger.
La raccomandazione di oggi è di non abusare del grassetto, ma fatene un uso ponderato.
Sappiate,infatti, che non c’è nulla di peggio di una pagina con troppo testo in risalto!
Infatti, oltre ad ottenere l’effetto contrario (distrarre, anziché far notare) c’è il problema del peso.
Il peso dato dal grassetto e gravante sulla pagina può sfondarla, quando è troppo e concentrato in una zona.