Potrei esordire dicendo di voler spiegare i motivi della mia latitanza di questi giorni, ma poiché sono cosciente della sua irrilevanza - non solo perché visti i tassi di blog addiction medi un feed o un post in meno al giorno possono essere un toccasana - preferisco dichiarare esplicitamente che trattasi di semplice e pura autopromozione. Più o meno.

Dunque, vi presento i miei due ultimi lavori: Pagine Imperfette e T-Time.

Utilizzando la nuova piattaforma di Alice (myBlog.It), che non conoscevo prima e sulla quale sono "inciampata" per caso, ho realizzato due design inediti e personalizzati. Devo dire che nonostante alcuni limiti, dovuti forse proprio al fatto che la piattaforma è stata da poco rinnovata, è possibile ottenere ottimi risultati in termini di personalizzazione creando ovviamente una grafica ad hoc, modificando i css e intervenendo se opportuno sull'HTML.

Per la cronaca, al di là del design...

Dopo aver chiuso il mio precedente blog, in cui dal 2005 al 2006 ho riversato deliri in forma scritta e scritti deliranti, ho deciso di aprirne un altro. L'idea è insana, mi rendo conto. In primo luogo perché ricomincio da zero, senza portarmi dietro la scia di lettori affezionati (che non sono stati avvisati); in secondo luogo, perché WebFruits mi dà già un bel da fare e il tempo non si può moltiplicare e il rischio è che il blog muoia prima ancora di nascere. Forse anche perché c'è una certa schizofrenia di fondo nel dedicarsi contemporaneamente ad una scrittura di tipo "tecnico" e ad una di tipo "creativo". E ancora, perché i blog in cui si raccolgono i propri scritti (senza sconfinare nel diario e nel gossip) hanno vita dura e spesso breve. Ma ognuno ha le sue debolezze, le sue patologie e le sue imprescindibilità. Quindi, mi lancio nella sfida con Pagine Imperfette. La scrittura per me è un modo di essere che mi rende più frequentabile, perché, se non potessi scrivere, sarei molto frustrato e decismente insopportabile (Daniel Pennac).

La realizzazione di T-Time mi è stata affidata da un'amica che aveva voglia di rinnovare e cambiare. Di ripartire da zero, anche lei, chiudendo il precedente blog e creandone uno nuovo nella forma e nella sostanza. Lascio il compito della presentazione al suo Incipit:
Avevo pensato ad un bar, uno di quelli nascosti in qualche galleria di vetrine, in centro città. Uno di quelli che visti da fuori sembrano stipare in due metri per due una cozzaglia di tavoli e sgabelli. E per di più nascosti alla vista da un mezzo siparietto bordeaux calato da metà vetro in giù. Quando in città piove e tira vento chi può si rifugia presto sotto i portici, meglio ancora se questi si snodano a gomito in qualche interno di palazzo, dove c’è poca luce e poco clamore. Avevo pensato a questo bar e pensandolo mi ci son ritrovata davanti, con la faccia riflessa nel vetro d’entrata, sotto l’insegna sobria e accogliente. T-Time [...]

Ebbene sì, celebro anche io il Blog Day, ma lo faccio trasgredendo le "regole", ovvero segnalando 5 blog che non sono tutti nuovi e sconosciuti e che non sono così distanti dai miei interessi.

Sulla quantità mi attengo alle indicazioni, ma certo sceglierne soltanto cinque è impresa ardua...

css Juice Blog sul web design: risorse, tutorial, notizie, showcase e molto altro. Il blog ha solo due mesi di vita, ma ne dimostra di più.

css4design Blog dedicato agli aspetti sia tecnici sia grafici del web design (articoli, tutoriali ed esempi pratici).

ASK the css Guy Una risorsa utilissima sui css. Il titolo è di per sé esplicativo.

Italian webdesign Ne ho parlato qualche giorno fa in un post dedicato. Ho anticipato i tempi, quindi inserisco questo blog appena nato anche nella mia rosa dei 5.

Strange New Product Il blog è una raccolta di prodotti bizzarri, originali, spesso del tutto inutili. Purtroppo è fermo a marzo 2007, ma lo segnalo lo stesso perché per chi non lo ha mai letto è di certo un ottimo momento di pausa dal web sul web.

La cifra in questione non è certo da far girare la testa, ma è di certo insolito che a metterla in palio come premio mensile sia una galleria css. I siti showcase e di ispirazione sono sovrabbondanti e, per lo più, tutti molto simili tra loro. Entità del premio a parte, a Uniquecss va il merito di aver avuto, se non altro, un'idea originale, rendendo una vetrina per i migliori design una competizione a premi.

Ogni mese, infatti, una giuria seleziona tra tutti i siti segnalati sette finalisti. A fine mese, il sito più votato dagli utenti si aggiudica i 25 dollari e soprattutto la presenza in home page per l'intero mese successivo. In caso di mancata vittoria, si è comunque goduto di una qualche visibilità, poiché tutti i siti finalisti hanno il loro posto in home per l'intera durata della competizione.
Si può sempre provare. Attendo vostre notizie sull'esito finale, nel caso decideste di segnalare il vostro sito...

Di recente Cesare Lamanna in un suo post ha riassunto le tattiche per evitare il blocco creativo proposte da Matthew Inman nel suo intervento 8 Web Design Tactics to Help You When You're Stuck. Il caso non finisce mai di sorprenderci. Mi sono imbattuta nella lettura dei due articoli proprio in un momento di blocco disperato e disperante, in cui nessuna soluzione, né grafica né tecnica, sembrava essere quella giusta.
A distanza di qualche giorno, mi ritrovo ad avere almeno in parte superato l'ostacolo. Dico in parte, perché nonostante sia riuscita a dare forma e senso al progetto del sito web a cui sto lavorando, qualche indecisione residua (meglio questo o quest'altro?) ne rallenta la realizzazione completa. Problemi con il problem solving, mi verrebbe da dire. Se le mie memorie di studio universitario non mi ingannano, una concentrazione prolungata - che nel mio caso definerei ostinata - produce esattamente l'effetto contrario a quello desiderato, cioè la saturazione.

Questa lunga premessa "professional-biografica" per arrivare al funny. Per superare l'empasse e mitigare la frustrazione, potrebbe essere una soluzione temporanea e un'alternativa alle Web Design Tactics di Inman farsi una bella cantata? Se sì, quale miglior motivetto se non quello composto da un certo di13774n73, dedicato ai css? Une chanson sur le css ...e forse passa.

css oh oui css, ton margin ton padding me plongent dans des abîmes. Stando a questo verso, anche l'autore della canzone deve aver avuto i suoi momenti duri nella realizzazione di siti web.

Di canzone in canzone, chi ha una passione smodata per Wordpress, come Devin Reams, può ascoltare la sua It’s Called WordPress, una celebrazione in note del suo CMS preferito.

Oggi voglio segnalarvi questo menu realizzato da Stu Nicholls, l'autore del notissimo css Play. Si tratta di un menu circolare molto simile a quello creato ormai qualche tempo fa da Metal.ize. Stu Nicholls lo ha perfezionato aggiungendo dei sottomenu, sempre circolari, che si aprono con effetto hover in corrispondenza di ogni voce del menu principale.
Il risultato è davvero accattivante, grazie anche al bel set di icone utilizzato per la dimostrazione. Il menu, ci informa l'autore, è stato testato in IE6, IE7, Firefox, Opera, Safari e Google Chrome.

Per scaricare il menu è necessario inviare una mail all'autore e fare una donazione. Se lo si vuole utilizzare su siti personali occorre lasciare il copyright presente sul foglio di stile; nel caso di siti commerciali, è necessario chiedere l'autorizzazione.

Ho già parlato qualche tempo fa dei più grandi siti orizzontali finora mai realizzati e del sito più lungo del web. A proposito dei primi, ho scritto che pur essendo degli esperimenti trovano la loro piccola ragion d'essere nelle problematiche e nelle prospettive di sviluppo del web design orizzontale; riguardo al secondo, ho detto che non è, come qualcuno lo ha definito, un infamous css experiment, ma di certo un esperimento inutile. Che dire dei siti più piccoli del mondo?

The smallest full featured website on the planet! Only 100x100 pixel incl. a flash game. Il primo sito di dimensioni ridotte ad apparire sul web è stato, nel 2001, little.kosmann.com: news, link e un videogioco in 100x100 pixel e un (mini) layout grafico curato e ben fatto nonostante i limiti imposti dalle dimensioni.

World's smallest website. Con un'area di navigazione di 18x18 pixel, nel 2002 veniva lanciato e si autoproclamava sito più piccolo del mondo Guimp (acronimo di Graphical User Interface for Miniature People). Sembra che Alan Outten, il suo creatore, abbia dichiarato di aver ideato Guimp semplicemente per testare la definizione del suo schermo; fatto sta che il mini-sito ha avuto da subito un grande successo in termini di visite, cinque milioni solo nel primo anno. Navigabile in versione sia flash sia html, in soli 324 pixel di superficie e 300 KB di spazio su server Guimp contiene una "galleria" d'arte e una riservata ai ritratti di personaggi famosi, una sezione di poesie haiku, una rassegna di link, un mini-form di ricerca di Google e altro ancora. Particolarmente nota è la sezione dei giochi in flash, in cui vengono riproposti in versione miniaturizzati i classici e retrò Pong, Break-Out, Pacman, Space Invaders, Asteroids e non solo.

Successivamente, hanno raccolto la sfida della miniaturizzazione Coolornot, con i suoi 17x15 pixel e dot16, 16x16 pixel e un'introduzione animata che mostra l'impossibilità per Guimp di "entrare" in dot16.

The smallest website ever, smaller than guimp or dot16. A più riprese, tutti i record dei mini-siti sono stati perfezionati e ampiamente superati, fino ad arrivare con One Pixel Website ad una risoluzione di 1x1pixel, a un sito composto da un solo pixel bianco lampeggiante su sfondo nero che "trasmette" in codice Morse la frase What hath God wrought?, ovvero il testo del primo messaggio inviato in alfabeto Morse da Samuel F. B. Morse il 24 maggio del 1844. E' lo stesso creatore del sito, Sander Voerman, a spiegarlo nella pagina web a cui si accede cliccando il pixel.

Nell'impossibilità di battere anche quest'ultimo record, qualcuno ha pensato di provarci comunque e di portare a conseguenze ancora più estreme il web microscopico, fino al punto da renderlo inesistente; è il caso di World's Smallest Web Site: Zero Pixels. 0x0 pixel, oltre non si può.

Sperimentazioni estreme e dimostrative, virtuosismi e niente altro. Divertenti o no, fate voi. Mi riprometto nel prossimo articolo di parlare di alcuni siti che, non eccedendo nella miniaturizzazione (seppur limitando notevolmente le dimensioni), riescono a mantenere integri sia la navigabilità dei contenuti sia l'aspetto grafico.

L'idea, illustrata in un articolo pubblicato su Onyx Design, consiste nel modificare il colore di un'icona RSS utilizzando una sola immagine (sempre la stessa) e intervenendo di volta in volta sul foglio di stile.

Come? In modo molto semplice. Si tratta, infatti, di creare un div delle stesse dimensioni dell'immagine, di utilizzare l'immagine (in formato .png) come background-image del div e il colore che si è scelto per l'icona come background-color.

Nell'articolo trovate una spiegazione dettagliata con il codice da utilizzare e il link a una pagina di esempio.

Sapete che è mia consuetudine da qualche tempo sottoporre alla vostra attenzione - e al vostro giudizio! - alcuni dei miei lavori (quelli che per diversi motivi decido di inserire nella sezione dedicata al web design del mio portfolio).
Oggi vi presento, dunque, l'ultimo sito realizzato, online da qualche giorno: Tall Club Italia, il primo tall club italiano, la prima blog community che si propone di condividere informazioni, interessi, problemi di ordine pratico, consigli, semplici sfoghi e aggregare persone più alte della media o, per dirla tutta, persone... all'altezza!

Il blog è stato sviluppato su piattaforma Wordpress, rispettando naturalmente gli standard web, con codice XHTML e css validi. L'unico problema di validazione al momento è dato dal foglio di stile del plugin per il social bookmarking Sociable, che utilizza la proprietà opacity, ma vedrò di rimediare.

Come vedrete, ho optato per la semplicità e la linearità, dal punto di vista sia della struttura sia del visual design e per uno stile clean ed essenziale seppur non minimalista.
Il logo è stato concepito con l'obiettivo di coniugare sintesi visiva, comprensibilità e riconoscibilità ed è stato volutamente realizzato all'insegna, di nuovo, della semplicità.

Ma non voglio dilungarmi nella descrizione delle fasi di ideazione e realizzazione... Vi invito a visitarlo e a farmi sapere cosa ne pensate. L'invito ovviamente è rivolto anche a coloro che non fanno parte della categoria degli "spilungoni".

I siti showcase e di ispirazione sono ormai numerosissimi e molti ne continuano a nascere; molti, c'è da dire, in compenso muoiono. Per tenere sempre aggiornato l'elenco, ho pensato di "scompattare" la lista che avevo pubblicato tempo fa - Ispirazione: 170 gallerie e showcase - e di gestire le tre nuove liste (css Showcase, Mixed Showcase e Flash Showcase) con Diigo. In qualche modo ci si deve pur facilitare la vita no?

La prima che pubblico qui sul blog è quella dedicata alle gallerie css. Oltre alla lista testuale ho creato, come vedete, uno slideshow con tutti i siti css showcase presenti nell'elenco. Così, in pochi secondi, è possibile passare da un sito all'altro e visualizzare immediatamente le novità presenti in home page. Mi auguro che questo possa agevolare chi ha bisogno, come me, di dare una scorsa veloce alle diverse gallerie di tanto in tanto...

css Showcase

• Best css Design Fresh css designed websites gallery
• CeeSeS css galerija - We are the Balkanicss
• Creative-Pakistan.com Creative-Pakistan.com is platform to showcase web and css designs of creative Pakistani web designers
• css Anarchy.com Ultimate design inspiration resources
• cssArtillery.com Showcase of web standards state-of-the-art & inspirational websites from all around the globe
• css Based css Based is a project providing web designers a database of well designed css based websites from around the world
• css Beauty css Beauty focuses on providing its audience with a database of well designed css based sites, as well as news and happenings on the css Design Community. It showcases designers work and serves as inspiration for those looking to build css based websites
• css Blast Web-standards compliant sites inspiration gallery
• css Bloom css Gallery, Cool css Websites
• css Blue Australian css Design & Inspiration
• css Burst css Gallery for Web Designers to use for Design Inspiration. This Web 2.0 css Gallery is also for Web 2.0 Designs
• cssclip Web Design Inspiration and Gallery
• css Collection Naked sites: shedding tables and running free
• cssCool
• cssCoosite cssCoosite, the css gallery about cool sites
• css Creme A free gallery of great sites. We encourage people to create beautiful original sites based on css technology
• css Design Yorkshire A gallery of css web design in Yorkshire UK
• css Drive Categorized css gallery and examples
• css Dump css Dump provides fresh new standards based websites put on the web, at a ease of use location to find
• css Elite cssElite, showcasing the best in css web design and development. css design gallery featuring innovative website design and web development resources
• cssEM
• cssExchange The best css Gallery online For Inspiration for web designers from around the world
• css Flavor css Flavor is a website focused on providing its audience with a vide range database of well designed css based & standard compliant websites from around the world
• cssGaleri.com css ve XHTML (W3C) ile isaretlenmis siteler toplulugu
• css Galerie Inspirativní galerie graficky atraktivních webu
• css Galerie (Cesko - Slovenská) Galerie atraktivních webu
• css Galleries Aggregating web design inspiration
• css Gallery 2.0 css Gallery
• css Gallery css Gallery is a showcase of outstanding W3C compliant web sites from designers and developers that are inspired by and work to W3C Standards
• css Gallery (Urbantrash.net) Showcasing the best in css web design and development
• cssgallery.ro Galerie inspirationala de situri css din Romania
• cssGlance cssGlance is the first italian website focused on providing its audience with a database of well designed and innovative css based websites from all around the world
• css Hardcore css resources for webmasters and designers
• css Hazard
• css Heaven css Heaven is all about Fresh and innovative css / XHTML web designs submitted by web designers from around the world
• css Heroes css Heroes is a gallery of the best standards-compliant web designs
• cssHive cssHive is a gallery full of dangerously hot webdesign based around tableless design and web standards
• cssHOT The Best css Designs on The Web
• css Import The css Gallery
• css Impress The most updated css gallery
• cssindex Voeg gratis je eigen website toe volledig gescipt met css en (x)html
• cssLove css blog and inspiration gallery...
• css Mania cssmania, the most updated css showcase all over the globe
• css MESS css MESS not just another css gallery, we do things different. We highlight the most ugly sites (mess page). We don't give you a screenshot, we give you the actual site in realtime
• css Nature css NATURE is a showcase of well designed css and xhtml nature based website designs
• css Nordic css Nordic is an innovative css Gallery for nordic web designers
• css Ocean A changeful ocean with css
• css Pinoy css Pinoy is not just another css website showcase. The one thing that makes css Pinoy unique is that the websites presented in the showcase are designed and crafted by Filipino designers from all over the globe
• css Princess css Princess is project with the main idea of promoting and supporting beautiful and interesting css sites made by women. We all know that female designers have special sensibility and creativity, and we want to show the best websites world-wide with "woman’s touch" primarily
• css Reboot Web Design Gallery
• css Remix A Fresh Blend of the Best css Web Design - css Remix celebrates the dynamic innovation and creativity of designers who are on the forefront of css-based web design
• css.sevban.com
• css smooth operator Tite site collection, conforms to Web Standards and designed with css
• css Snap Just Another Best css Web Gallery
• css star
• css taste csstaste.com is aimed to provide a collection of "tasty" webdesigns which follow the standards of W3C.org concerning XHTML and css validation
• css Tux A gallery of inspiring web site design and resources, focused primarily on sites using cascading style sheets
• css Ultra cssUltra showcasing only the best innovative website design
• css Vault The Web's css Gallery & Site
• css Zone css Gallery
• cssZOO cssZOO is css gallery
• css - Website Gallery of css Design Website - css Website is an innovative gallery of simple websites. Its purpose is to showcase designer’s work and to expand the css design community. We propose a classification by color and contents for a better usability
• Dark Eye Web Site Design Showcase and Color Archive
• Design2Day The freshest daily feed on web design
• Design By Grid Design By Grid is a resource to promote websites designed with grids, and the tools and techniques used to make websites with grids
• Designs Creme Web Design Gallery
• Design Shack Design Shack provides you with hundreds of inspiring css based examples, as well as tutorials, news and the latest from the css design community
• EasyShare css Beauty Cool css Websites
• EPREO Epreo is a platform to showcase fresh and exquisite Web and css designs from all over the world
• FullSingle FullSingle is a showcase of web sites that are just one page in size
• Genuine Style.net Genuine Style, collecting styles from the internet
• InspirationKing InspirationKing is basically just a web design gallery. We focus on quality over quantity, and we only showcase the best of the best websites out there
• Internet Vibes Internet Vibes is a project created with the intention of gathering all the best looking, most creative, and most useful web sites under one roof
• Light on dark Gallery of sites that use a light colored text on a dark background
• Moderní Web top ceského a slovenského webdesignu
• My3W | css Genius css Genius is a website focused on providing its audience with a vide range database of well designed css based & standard compliant websites from around the world
• najDizajn Samo najbolji css dizajn
• Netcocktail The Design and Color Scheme project
• netzfruehling css Showcase
• NiceStylesheet Nice Stylesheet is a Cascading Styles Sheets (css) gallery that recognizes inspirational website designs practicing use of css and web standards
• No Resolution No Resolution is the only site dedicated to fluid and elastic design with css
• One Star Gallery One Star Gallery is a webdesign inspiration gallery, which purpose is to deliver links to the most beautiful websites found on the Web
• Perfection Perfection is a collection of top-quality websites and like-minded designers
• Sharebrain Showcase css Showcase of good looking sites!
• Splench Designs for Creative Minds
• Strictly css Stricly css is a collection of quality web sites designed with css and that conform to the web standards and good design practices
• Style Crunch StyleCrunch is a css and standards websites gallery, you can find the best sites in the www, best design, best coded and what engine used
• Stylegala Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and css
• StyleTheWeb.com Categorized css Gallery and Website Design Inspiration
• Submit css
• Unmatched Style css Web Design Inspiration and css Gallery
• W3CS.com W3CS is a great collection of top-level web sites all over the world
• W3C Sites A collection of web sites created by designers that conform with the W3C standards
• Web Design css11
• Webdesign City Inspirující galerie webdesignu
• Webdoctrine A fresh css gallery
• Web Gallery A Web Gallery for the Web of the Future
• Webrsque The Picturesque Web
• Web Standards in Germany Web Standards in Germany ist ein redaktionell geführtes Verzeichnis der Web-Standards Spezialisten in Deutschland
• WEBTEST.sk
• WellDoneSites.com css gallery using Web 2.0 model with filtering by categories and colours

Le tecniche di image replacement - che consentono mediante i fogli di stile di sostituire con delle immagini elementi testuali - sono numerose e molto utilizzate dai web designer.
Visto l'interesse suscitato dall'articolo Rethinking css Image Replacement, Chris Coyier su css-Tricks ha pubblicato ieri una rassegna sulle diverse tecniche di image replacement, nove in tutto.

Sono interessanti i risultati ottenuti testando le tecniche - I tested all these FF2, Opera 9, Safari 3, and IE 6 and they all behaved identically (hard to believe, I know) - in relazione a cinque criteri: "css ON / Images ON", "css ON / Images OFF", "css OFF / Images ON", "css OFF / Images OFF" e "Extra Unnecessary Markup."

Per ciascuna tecnica, potete visualizzare una report card di sintesi. Utile, e da aggiungere ai preferiti.

Se avete intenzione di inserire una nuvola di tag sul vostro Tumblr potete farlo utilizzando Tumblr Tag Cloud Generator, un generatore online di tag cloud specifico per Tumblr dal funzionamento molto semplice. Inserite l'indirizzo URL del vostro Tumblr, scegliete la dimensione minima e massima delle font, indicate se volete il numero massimo di tag da visualizzare e decidete se organizzarli secondo un criterio alfabetico o per frequenza ed ecco fatto, avete a disposizione il codice da copiare e incollare.

Naturalmente, tramite css potete integrare al meglio la nuvola di tag creata con la grafica del vostro Tumblr. Piccola annotazione: questo generatore non preleva i tag dai feed RSS, come accade ad esempio con ZoomClouds, ma costruisce la nuvola tenendo conto dei tag effettivamente inseriti nei post.

Io (tanto per non farmi mancare nulla... no, a dire il vero per curiosità ho già provato. Potete vedere la tag cloud appena creata sul mio tumblelog, webfruits .small size.

Web 2.0 Magazine ha pubblicato ieri una lista di 29 stili da utilizzare per personalizzare gli annunci Adsense di Google in modo semplice e rapido. Per ciascun formato (full banner, hal banner, button, large rectangle, leaderboard, medium rectangle, skyscraper, small square) avete a disposizione diversi modelli.
Vi basterà selezionarne uno, scaricare l'immagine di background, modificare lo schema di colori come indicato e copiare e incollare i codici css e HTML per rinnovare l'aspetto dei vostri annunci e renderli più accattivanti. Sempre che ciò sia possibile (ma su questo aspetto, al fine di evitare una digressione infinita, per il momento sospendo il giudizio).

Chi ha un po' di dimestichezza con i css può naturalmente prendere spunto dai modelli proposti per crearne di nuovi con diverse immagini di sfondo e diversi schemi di colore.

Avevo anticipato nel precedente articolo l'intenzione di organizzare in un elenco tutti i siti showcase e di ispirazione che affollano i miei bookmark.

Ecco la lista. 170 gallerie e raccolte di siti per l'ispirazione dei web designer, suddivise per tipologia: css Showcase, Flash Showcase, Mixed Showcase (flash e css) e Mini Showcase (in cui sono raggruppate le selezioni tematiche).

Se conoscete altre risorse non indicate nella lista potete segnalarmele nei commenti.

• css Showcase
• CeeSeS
• Creative-Pakistan.com
• css Anarchy
• css Based
• css Beauty
• css Blue
• css Collection
• css Container
• css Drive
• css Flavor
• css Galeri
• css Galerie (Cesko - Slovenská)
• css Gallery
• css Hardcore
• css Hazard
• css Heaven
• css Import
• css Impress
• css Inspirace
• css Mania
• css Mess
• css Pinoy
• css Princess
• css Remix
• css Smooth Operator
• css Spot
• css Thesis
• css Tux
• css Vault
• css Design Yorkshire
• css Website
• css11
• cssBloom
• cssBrain
• cssclip
• cssCool
• cssCooSite.Com
• cssElite
• cssExchange
• cssfresh.com
• cssGaleri.com
• cssGalerie
• cssgallery.ro
• cssGlance
• cssgreen.com
• Design By Grid
• Design Shack
• Designs Creme
• EasyShare css Beauty
• FullSingle
• In css
• InspirationKing
• light on dark
• LinkCreme
• Liquid Designs
• lookom
• Moderní web
• My3W
• najDizajn
• Perfection
• showcase GR
• Style Crunch
• Stylegala
• Strictly css
• Submit css
• The Horizontal Way
• Unmatched Style
• W3C Sites
• Web Design Gallery
• Web Standards in Germany
• Well Done Sites
• Flash Showcase
• 4efx
• beautifully
• BeInspired
• Best Flash Animation Site
• CWD – Cool Web Design
• Design Licks
• Designcollector
• iBLOG
• My Design Award
• Netdiver Flashware
• NetInspiration
• PageCrush
• serialflasher daily
• The Dreamer
• The FWA
• Web Design Library
• Website Design Awards

• Mixed Showcase
• Beat the Block
• Best Web Designs Of the World
• Best Web Gallery
• brdcast.
• Cool Site Collection
• Coolest Designs
• CoolHomepages
• Coolwebsites.dk
• Creative Website Awards
• Crossmind.net
• De Web Times
• Defrost
• Design Expanse
• DesignFlood.com
• Design Meltdown
• Design Snack
• Designer Source
• Designers Toolbox
• digitalthread
• Dimix.it
• E-motional Design
• GOUW
• HOWdesign.com
• Internet Vibes
• Menthe-Fresh
• Moluv's Picks
• No Limit Media
• One Page Folios
• One Pixel Army
• PixelGangster
• plasticpilots.com
• Portfolio Base
• Professional On The Web
• Pro Web Art
• Refresh
• Screenalicio.us
• screenfluent
• screenspire.com
• ShopBunker
• SÌ SubmitItaly.com
• spyline
• StandOut Website Awards
• Strangefruits
• Style website Awards
• Styleboost
• TagSociety.com
• The Best Designs
• The Daily Slurp
• the dezine
• visualdesigner
• visualsafe
• Wake Up Gallery
• Web Creme
• Web Design Inspiration
• Web Design Inspiration - a photoset on Flickr
• Web From Brasil
• Webdesign Awards
• Webdigity Design Gallery
• Webtest.sk
• Mini Showcase
• 11 Almost Perfect Business Layouts
• 187 amazingly designed sites
• 30 Blue Designs
• 30 Brown Websites
• 30 Dark Designs
• 30 Dirty Designs
• 30 Great Website Designs (1)
• 30 Great Website Designs (2)
• 30 Green Designs
• 30 Light Designs
• 30 One Page Websites
• 30 Orange Designs
• 30 Pink Websites
• 30 Red Designs
• 45 Fresh, Clean and Impressive Designs
• 50 Beautiful css-Based Web-Designs in 2006
• 60 Elegant and Visually Appealling Designs
• Keep It Simple, Stupid!
• The 45 Best Tech Sector Corporate Web Designs (1)
• The 45 Best Tech Sector Corporate Web Designs (2)
• Well Designed css Sites
• Aggregatori
• css Galleries
• Most Inspired

Con i suoi 18,939 km di altezza ecco il sito più alto del mondo: World's Highest Website. Così ne descrivono le caratteristiche tecniche gli autori:

This website is a css experiment. Due to its nature, there are some accessibility limitations, but anybody just slightly experienced with that will understand. The technical and design principles of this site are simple: one HTML container, pure css styling, no workarounds, filters, or hacks.

A conclusione dell'articolo sullo scrolling orizzontale segnalavo la più lunga pagina su Internet. Un esperimento, un divertissement privo di rilevanza tecnica - perché non è importante che una pagina sviluppata in orizzontale sia più lunga possibile quanto che funzioni in termini di navigabilità, accessibilità e usabilità -, che tuttavia trova la sua piccola ragion d'essere nelle problematiche e nelle prospettive di sviluppo del web design orizzontale.

Diverso è il caso di World's Highest Website. Girovagando nel Web ho letto commenti sia positivi sia negativi; qualcuno su css Globe ne ha parlato come di un infamous css experiment. Esagerato forse. Io lo definerei un esperimento semplicemente inutile.

Per quanto auspicabile, non si può negare che la compatibilità cross-browser dia un bel da fare ai web designer. Proprio qualche giorno fa, visitando la pagina di css Princess riservata al mio sito (www.webfruits.it), ho letto questo commento: Does not work well in Opera 9.02. Inutile dire che in fase di realizzazione non ho trascurato il problema della compatibilità e che dopo la pubblicazione ho effettuato diversi test per verificarla nel dettaglio. È chiaro che mi riprometto di intervenire il prima possibile apportando le modifiche necessarie.
Volendo personalizzare il template di default fornito da dBlog, per il redesign del blog ho proceduto allo stesso modo. Al momento c'è qualche sfasatura, più che altro "estetica", tra la visualizzazione con Internet Explorer e quella con Firefox, che cercherò di eliminare, tenendo anche conto del fatto che dalle statistiche degli accessi risulta una leggera prevalenza di visitatori che utilizzano Internet Explorer.

Data questa premessa, sacrifico temporaneamente il discorso sulla compatibilità cross-browser alle mie preferenze personali e libero dai miei bookmarks due siti anti-IE: Too Cool for Internet Explorer (su questo blog ho inserito già da qualche giorno il relativo corner badge) e StopIE. Come il più noto Browse Happy, sono un invito ad abbandonare Internet Explorer e optare per altri browser (Firefox, Safari, Opera, Camino, ecc.).

Ricorderete certamente Explorer Destroyer, la campagna anti-IE e pro-Firefox promossa qualche tempo fa da un gruppo di "attivisti politici" statunitensi con l'obiettivo, per l'appunto, di "distruggere" Explorer e diffondere il più possibile Firefox. Il tutto attraverso un apposito script utilizzabile come semplice incoraggiamento al download di Firefox o, se impostato diversamente, in grado di bloccare l'accesso e la visualizzazione di pagine Web al browser di Microsoft. Un'iniziativa abbastanza aggressiva, che ha suscitato reazioni di disappunto e in difesa della libera scelta dell'utente.

Personalmente, non mi dispiacerebbe una migrazione di massa da Internet Explorer a Firefox, ma sono per gli inviti e i suggerimenti gentili, quindi: scarica Firefox 2, se ti va. Naturalmente, WebFruits Blog trova la sua migliore visualizzazione in Firefox!

Se la battaglia tra browser infiamma la Rete, perché bruciarsi?

Postilla: chi volesse inserire il corner badge di Too Cool for Internet Explorer sul proprio blog o sito, si troverà a combattere con un errato posizionamento su IE. Sul sito è scritto:

Now check your page in your favorite (non-IE) browser and you will see the badge in the bottom right corner!

Per questo motivo, ho modificato il codice in modo da rendere visibile il corner badge solo con Firefox. Per gli utenti IE, ai quali in effetti era indirizzato il messaggio, inserirò qualcos'altro.

Avrete di certo tutti visitato almeno una volta il sito di Barack Obama e molti di voi avranno presente lo slideshow presente in homepage. BarackSlideshow è uno script che vi consente di inserire uno slideshow simile nei vostri siti.

Barack Obama | Home via kwout

Lo script è basato su Mootools e utilizza un codice simile a quello dell'ormai noto Fancy menu, sviluppato sempre dallo stesso web developer, Guillermo Rauch.

Ecco un'anteprima del risultato.

BarackSlideshow Demo via kwout

Potete vedere lo slideshow in azione in questa pagina.