Torno dopo un periodo di assenza abbastanza lungo, dovuto alla pausa natalizia che mi ha portato fuori città, all'acquisto di un nuovo PC (con tutti i traslochi virtuali che ne sono seguiti) e ad altri impegni di varia natura. Come vedete, ho apportato delle modifiche al layout del blog, mi auguro migliorative. Se notate qualche problema di visualizzazione fatemi sapere, in nome della compatibilità cross-browser interverrò il prima possibile.

Approfitto di questa comunicazione di servizio per "pubblicizzare" anche il restyling di WebFruits (il sito), per il quale ho deciso di abbandonare il bianco a favore di uno stile decisamente più dark.

Ne parlerò più ampiamente quando riprenderò il discorso lasciato in sospeso sui trend del web design. Spero di riuscire a farlo presto, avevo diversi articoli in bozza e da pubblicare prima che la pausa forzata interrompesse il "lavoro". Quindi, si riparte presto.

Croce e delizia dei web designer, la voglia di restyling può a volte diventare incoercibile, così mi son ritrovata a tradire la "sacralità" del fine settimana per cercare di concretizzare l'insana idea di dare una nuova veste grafica al blog in tempi abbastanza brevi. Ci sono ancora cose da sistemare qua e là (il footer, in primis), ma il più è fatto.

Oltre a rinnovare radicalmente la grafica, ho riscritto l'intero codice per renderlo più pulito e soprattutto (completamente) tableless. Il precedente layout, ottenuto da una personalizzazione del template standard fornito da dBlog, faceva in parte uso di tabelle.
Ho cercato anche di alleggerire i tempi di caricamento delle pagine snellendo in modo consistente la sidebar, che finisce spesso per essere il contenitore di tutto l'eccedente (widget, ecc.). Tenterò di resistere anche in futuro alla tentazione di riempirla di superfluo.

Detto questo: che ne pensate? Idee, suggerimenti, critiche? Vi chiedo anche, nel caso notaste qualche malfunzionamento o errore, di segnalarmelo.

Anche se l'abito non fa il monaco, ogni tanto bisognerà pure cambiarlo...

Piccola digressione fuori tema: si rinnova quel che si può, nell'attesa lunga e disperata di veder rinnovato quel che lo necessita.

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.

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

Parlavo qualche giorno fa del proposito di focalizzare l'attenzione sui clichés del web design: di certo non rientra tra questi lo scrolling orizzontale dei siti web, ancora molto poco utilizzato. Senza nessun integralismo o riferimento alle classifiche annuali di mistakes del web design stilate da Jacob Nielsen, personalmente nello sviluppo di un sito non opterei per un layout orizzontale. Nonostante l'originalità e la non-convenzionalità di un'eventuale scelta di questo tipo, credo non si possano trascurare i problemi connessi all'accessibilità e all'usabilità. È per questo, forse, che il web design orizzontale stenta a decollare e che la maggior parte dei siti con scrolling orizzontale sono gallerie di immagini o comunque prevedono una presenza limitata di contenuti testuali. O è solo "conservatorismo"?

In The Horizontal Way, galleria (orizzontale) di siti orizzontali, ci sono al momento circa trenta siti di questo tipo: un'ottima risorsa.

Concludo segnalandovi BlueSfear, presentata come "la più lunga pagina su Internet" e The Mille Wall, sito e progetto di uno studente del Savannah College of Art and Design che si pone come obiettivo la realizzazione del più grande sito orizzontale al mondo: 1,6 km di lunghezza.

Sfide ed esperimenti a parte, cosa ne pensate?