Page Headers

Leggendo una segnalazione comparsa su Edit scopro Free Web Page Headers una raccolta libera di header destinati alle testate delle pagina web e dei nostri blog. Qualche tempo fa unilizzando uno script consigliato su A List Apart per la rotazione di immagini, avevo preparato delle delle testatine per il mio blog.

Ho ripreso quelle testatine inutilizzate ed ho innaugurato un nuovo set su flickr "web elements", l'intenzione sarebbe quella di inserire di qui elementi grafici riutilizzabili da chiunque volesse farlo. Quindi ... fate voi!

Keywords: flickr,css,images,foro,header,html

Page Headers

Leggendo una segnalazione comparsa su Edit scopro Free Web Page Headers una raccolta libera di header destinati alle testate delle pagina web e dei nostri blog. Qualche tempo fa unilizzando uno script consigliato su A List Apart per la rotazione di immagini, avevo preparato delle delle testatine per il mio blog.

Ho ripreso quelle testatine inutilizzate ed ho innaugurato un nuovo set su flickr "web elements", l'intenzione sarebbe quella di inserire di qui elementi grafici riutilizzabili da chiunque volesse farlo. Quindi ... fate voi!

Keywords: flickr,css,images,foro,header,html

Plastico

CSS Zen Sentiero ha finalmente pubblicato il mio layout. Ringrazio Michele Ledda che ultimamente è stato molto impegnato ma che comunque ha avuto il tempo di cure il suo bel giardino.

Un copia del layout si trova qui, come si può notare c’è qualche elemento in più rispetto alla versione pubblicata, al momento non so se è stata una mia svista, o hanno preferito così, mi informerò.

Il layout usa come font preferito Bitstream Vera, ho notato che questo font in alcuni casi ha qualche problema con Opera ed il suo motore di rendering,
qui ho scritto qualche cosa riguardo al problema. Se c’è qualcuno che ha suggerimenti da darmi è il benvenuto.

Agigornamento 2004-02-01

Dopo un piccola svista è tornato tutto in ordine:
Css Zen Sentiero.

Un italiano al Garden.

Css Zen Garden si aggiorna inserendo 7 nuovi layout tutti molto belli.

Emiliano Pennisi ne ha realizzato uno .
Faccio tifo per lui, mi piace come lavora ed il suo stile, provate a gironzolare tre le sue pagine. Una in particolare, quella dei download , bellissime le 500 con la scia tricolore. Complimenti .
Tanto che ci siete, fate un giro nella sezione Illustrations ci sono tante altre chicche.

Visto che avevo cominciato parlando di Css Zen Garden, continuiamo… segnalo questo , non ho capito se fa parte dei layout ufficiali o meno, è stato realizzato da Kai Laborenz per vederlo assicuratevi di utilizzare Firefox o Opera o Safari.
Perché lo segnalo?
Perché sfrutta PNG e CSS3 in modo creativo, grazie soprattutto a Firefox e gli altri Browser all’avanguardia che permettono il tutto. Con IE naturalmente si perdono gli effetti speciali.

Questa è la lista completa dei nuovi layout di CSS Zen Garden:

• Attitude by Stephane Moens
• Urban by Matt Kim & Nicole
• Paravion by Emiliano Pennisi
• Verdure by Lim Yuan Qing
• Pixelisation by Lim Yuan Qing
• Golden Cut by Petr Stanicek
• Invasion of the Body Switchers by Andy Clarke

Una Nota (!)

Lim Yuan Qing , quello che ha realizzato Pixelisation e Verdure è un ragazzo di Singapore ed ha 14 anni.

Aggiornamento 2004-12-17.

Visto che mi sono sfuggite alcune cose continuo qui:

1. Per correttezza è giusto dire che Emiliano Pennisi non è l’unico italiano a poter vantare un layout (ufficiale) per CSS Zen Garden. Gli altri si trovano all’interno della lista dei layout ufficiali.
2. (Ma) Emiliano Pennisi ha ben 3 layout ufficiali al Css Zen Garden (2004-12-17) :
   • Medioevo
   • 60’s Lifestyle
   • Paravion

CSS Zen Sentiero

Cito testualmente:

CSS Zen Sentiero vuole essere un luogo di sperimentazione e di confronto sul design basato sull’uso dei fogli di stile.
Chiunque lo voglia può partecipare all’iniziativa che consiste nel proporre un design alternativo di questa pagina modificando esclusivamente il foglio di stile!

Si! Voglio partecipare! Questo è un piccolissimo assaggino del mio layout. Non ho pensato ad una tematica specifica nello sviluppo grafico, sono andato dove mi portava il gusto. Devo dire che un piccolo fattore di scelta l’ha avuto un sondaggio di qualche settimana fa.

Il lavoro è cominciato a metà settembre, dopo varie interruzioni è quasi concluso, l’ultimo scoglio: la validazione del CSS.
Il layout è costituito da due colonne, lo sfondo è un tantino complesso e va a fondersi con la testa ed il piede. Tale conformazione mi ha portato ad utilizzare valori molto alti di padding e margin per alcune sezioni, IE 5 naturalmente con i suoi problemi mi costringerebbe ad usare qualche hack, cosa che non va bene per una corretta validazione quindi bisogna rivedere ancora un po il CSS.

Bottoni Tridimensionali e CSS

Un interessante articolo:
Designing 3D buttons with pure CSS che in Italiano suona cosi Costruire bottoni tridimensionali usando solo

TopStype 3 Lite

E' finalmente (ufficialmente) disponibile la versione 3 di TopStyleLite, in verità era già inclusa nel pacchetto PRO (altra meravigliosa creazione), ma ai più sarà forse passata in sordina. Nuova grafica, le funzioni sono però le stesse visto anche l'alto livello raggiunto già dalla versione precedente (2.5), insomma un programmino leggereo (3.2MB) ma indispensabile per chi ama e lavora con i CSS.

Tuttotondo

Chi si diletta a costruire siti tableless avrà incontrato qualche problema nel momento in cui ha deciso di arrotondare gli spigoli angoli (scusate) delle tabelle create.
Buone Notizie:
Le specifiche css3 del w3c daranno questa possibilità senza fare troppe capriole con immagini ritagliate e trasparenze varie.
Cattive Notizie:
Perchè tutto sia supportato dai browser dovranno passare un po di annetti, c'è chi dice anche dieci (io spero sui 4 o 5).

Possiamo accontentarci (nella lunga atteasa) di qualche cosa del genere:
http://kalsey.com/2003/07/rounded_corners_in_css/
Attenzione però, i puristi diranno che con questo si bestemmia, i div annidati fanno male.