Di seguito gli articoli che contengono le parole richieste.

You could be getting shot at in Iraq. You could be a single mom working three jobs to stay afloat (Happy Birthday mom). You could work in a coal mine. You could be in a life and death battle with Leukemia. You could be doing any one of thousands of high-stress jobs. Sure, the Web has a lot of stress but let’s get real: If you’re stressed out over 5,000 RSS feeds chances are good you’d be stressed by any profession you chose. (Larry Dignan, Anatomy of a "Blogging will kill you" story: Why I didn’t make the cut)

Solo qualche giorno fa mi chiedevo e chiedevo agli amici web designer cosa fanno nel tempo libero e in risposta a un commento di un lettore mi chiedevo anche se non fosse il caso di iscriversi a Run for Tecnostress!. Nell'articolo non avevo fatto riferimento al blogging, del resto si suppone che chi ha un blog lo faccia se non solo anche per passione.

Poi oggi passando in rassegna i miei feed arrivo tramite questo post all'articolo pubblicato ieri da "Il Messaggero", Bloggers sotto stress fino all'ultimo clic. Di post si muore? L'allarme del New York Times e a quello pubblicato oggi da "LaStampa", La morte corre sul blog. Suppongo li avrete già letti e immagino che molti blog ne abbiano già ampiamente parlato. Suppongo e immagino, perché sono le nove di sera passate e io, oggi, per cause di forza maggiore ho dovuto drasticamentente limitare la mia attività online, anche lavorativa, per rimettere un po' in sesto la salute. Che c'entri anche il tecnostress? Effettivamente dormire 4/5 ore per notte è già una conquista e riuscire a a prendersi una pausa dal lavoro almeno la domenica è al momento utopia.
So di sicuro però che per quanto mi riguarda non si tratta di stress da post né di paura del buco. Sì infatti, sono le nove di sera/quasi le dieci... e pubblico il mio primo post della giornata, di nessuna o poca importanza perché, cari lettori, non ho nessuno scoop da lanciare nell'immenso della blogosfera e perché quei pochissimi click in più o in meno sugli adsense sono per le mie finanze del tutto irrilevanti. E scopro che forse è una fortuna non aver la fortuna di essere tra i BIG e non aver fatto del blogging una professione... anche perché, la vita del web designer freelance è già abbastanza dura e basta e avanza.

Ah, dimenticavo: a breve aprirò un altro blog, il progetto è a buon punto. Si tratterà di un blog multi-autore stavolta. Ne parlerò più approfonditamente non appena saremo online. Vi anticipo che il tema principale non sarà il web design, come ci si potrebbe aspettare.
Alla luce dell'allarme lanciato dal "New York Times", la scelta di formare un gruppo di autori, funzionale agli obiettivi del blog, potrebbe risultare più opportuna del previsto: la salute prima di tutto...

Oppure dovremmo guardare le cose da un'altra prospettiva, come ha fatto Dignan?

Oggi ho ripreso in mano il numero di dicembre/gennaio del magazine web designer, che molti di voi sicuramente conoscono, e mi sono soffermata sull'articolo Diventare freelance. I consigli per mettersi in proprio e diventare manager di se stessi. In particolare, ho riletto con attenzione le parti di testo che avevo evidenziato durante la prima lettura.
Per nulla casualmente, devo confessare, ma del resto riflessioni sulla professione e soprattutto sul difficile rapporto con i clienti (con alcuni clienti...) sono inevitabili per chi fa questo mestiere. È sufficiente confrontarsi con i colleghi o semplicemente leggere interventi sui forum tematici per capire che le pur diverse vicissitudini professionali in realtà si assomigliano tutte. La matrice è comune. No, anzi, direi: le matrici sono comuni. E sono, bisogna dire, imbarazzanti, così imbarazzanti che si fa fatica oltre che a crederci anche a scriverne. Il discorso sarebbe lungo e anche poco sistematico e potrebbe tradursi facilmente in non facile ironia.

Saggiamente, l'articolo ammonisce: al primo impatto, la vita da freelance potrebbe sembrare rose e fiori... Potrebbe, per l'appunto. Fino a quando (ovvero subito) non si scopre che la cultura del web e delle professioni che lo riguardano scarseggia, mentre quella del tutto gratis o quasi è diffusissima; che "tanto il sito me lo fa il nipote dell'inquilina del secondo piano aggratis o giù di lì" e questo significa né più né meno che "non è 'sta gran cosa farlo quindi perché pagare tanto" (tanto, ovvero il giusto, se non fosse che la qualità è un optional); che "ma sono un po' care le tariffe eh, in rete si trovano template in vendita anche a 60 euro" (quindi perché richiedere il lavoro di un web designer se quello che si cerca è un template preconfezionato?); che accanto ai template preconfezionati ci sono i CMS e quindi "tu devi fare ben poco" e molto altro ancora. E allora all'ironia dolceamara fa da contraltare una domanda: è possibile, in Italia, dato la stato attuale di cose, educare il cliente e sgombrare il campo da fraintedimenti, luoghi comuni e alibi di comodo?

Occorrerebbe tornare sull'argomento e affrontarlo più nel dettaglio (e molto seriamente). Voi che ne pensate?

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.

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.

Che non si vive solo di web design è una gran bella verità... Cosa fanno i web designer nel tempo libero, sempre che ne abbiano?
Si dedicano ad attività creative anche quando non sono davanti allo schermo di un PC o, per una legge di compensazione, preferiscono dedicarsi esclusivamente ad attività ricreative?
Io mi dedico sia alle une che alle altre, tempo permettendo, quindi con un po' di "fatica".

Nelle ore serali, direi "in seconda seconda serata", riesco a portare avanti le mie letture; con un certo disordine devo ammettere, perché ho sempre almeno tre o quattro libri che contemporaneamente attendono di essere finiti. Al momento, sul mio comodino "fanno pila" Roma Criminale (C. Armati, Y. Selvetella), La vita schiva. Il sentimento e le virtù della timidezza (D. Demetrio), Il caso Marilyn M. (L. Mecacci) e Trattato di ateologia (M. Onfray).

Passiamo all'altro amore, il cinema: nota dolente, poiché ultimamente ho dovuto sacrificarlo a tutto il resto. A mali estremi estremi rimedi, così negli ultimi tempi ho utilizzato il dopo pranzo della domenica per rivedere alcuni classici, cominciando da alcuni film di Alfred Hitchcock, uno dei miei registi preferiti, al quale ho riservato il mio piccolo tributo ormai qualche anno fa con la mia tesi di laurea, Uno scenografo del suono: Alfred Hitchcock.

E arriviamo alla mia grande passione, la musica. A quattordici anni ho preso per la prima volta in mano la chitarra e, senza saperne nulla, mi sono seduta a un vecchio pianoforte verticale che avevamo in casa. Colpo di fulmine, allora, e grande rimpianto, oggi, per aver studiato solo da autodidatta. Ricordo ancora il primo Atari ST, il primo computer musicale, con il quale potevo registrare ciò che suonavo con la tastiera. Naturalmente, via via ho potuto rendere più professionale il mio piccolo home-studio, dotandolo dell'immancabile Mac e di attrezzature di base più "evolute" (chitarra, tastiera, mixer, multitraccia, microfono, multieffetto, expander/sinth, "aggeggi" MIDI vari, software di sequencing, ecc.) che mi consentissero di registrare dei demo delle mie composizioni.
A distanza di anni penso sia stata una vera e propria (e sana!) "ossessione": le ore e ore di registrazione che tutt'oggi conservo ne sono la dimostrazione, così come il fatto che, non paga, decisi durante i primi anni di università di approfondire anche gli aspetti più tecnici e di seguire, quindi, anche un corso privato di tecnico del suono e, successivamente, un corso per conseguire la specializzazione di "midifonico programmatore di sistemi di automazione musicale".

Dopo la laurea ho dovuto forzatamente mettere un po' da parte la musica, poiché per lavoro ero fuori casa dalla mattina alla sera. Ho continuato a "suonicchiare", ma di tempo per comporre, arrangiare, registrare non ne ho avuto più. Non solo, alcuni strumenti mi hanno inesorabilmente abbandonato, causa usura e logorio.
Qualche mese fa ho pensato che fosse il momento di ricominciare e ho acquistato qualche nuovo strumento: una chitarra acustica, un piano digitale (Yamaha DGX-620) e un registratore multitraccia digitale (Tascam DP-01FX/CD). Così, nei pochissimi momenti liberi posso finalmente dedicarmi, come una volta, alle mie canzon(cine), con buona pace dei vicini di casa.

Temo di essermi dilungata, per cui evito di parlarvi di tutte le altre cose che mi piace fare e arrivo alla conclusione con la segnalazione di un blog, Non Solo Musica, scoperto di recente e di sicuro interesse per gli appassionati, e con una domanda: quali sono le vostre passioni, oltre al web e al web design? C'è spazio per la creatività nei momenti di pausa da un lavoro (non solo, ma lo diamo per scontato) creativo?

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

---

Torno sul tema degli attuali clichés del web design - che avevo introdotto brevemente in un precedente articolo e che mi ero ripromessa di approfondire -, prendendo spunto da una critica rivolta al mio blog e, più in generale, al trend che vede nello stile 2.0 lo stile più diffuso nel web design.

La critica è un commento postato su Stylegala in risposta alla segnalazione spontanea del mio blog da parte di un utente nella sezione delle news di marzo. (La segnalazione è stata rimossa ieri poiché relativa a un blog non in lingua inglese.)

Arrivo al dunque, non prima di ringraziare chi di dovere per la segnalazione e precisare, anche se i pochi ma buoni lettori assidui lo sanno bene, che questo non è un blog interamente ed esclusivamente dedicated to "Web 2.0" reflections and glossiness. Le liste di tutorial Web 2.0 Logo e Web 2.0 Text Effect pubblicate di recente devono aver ingannato qualcuno.

Nel mio articolo di introduzione al tema sottolineavo che il Web è terreno fertile per la diffusione di modelli inizialmente originali che proliferando diventano banalmente preconfezionati, facendo ovvio riferimento all'omologazione del current web style. Premettevo anche, però, che

non è sempre facile mantenersi immuni dagli stereotipi e che in un modo o nell'altro tutti ne siamo "vittime".

Che lo si voglia o no, aggiungo ora.

Credo che i web designer siano del tutto consapevoli dell'avvenuta (e forse ancora in progresso) standardizzazione del web design e ben conoscano le conseguenze del conformarsi toutcourt a una tendenza o una moda: il rischio è, da una parte, quello di inibire una produzione creativa a favore di una "in serie", dall'altra quello di ridurre il design del web a esercizio estetico privando di qualsiasi valore semantico elementi grafici e visuali.

Poco conta l'etichetta utilizzata per classificare un certo tipo di caratteristiche ricorrenti nel web design. Del resto, è evidente che i visual pattern attualmente di tendenza sono definiti 2.0 in virtù del fatto che ad adottarli, per primi, sono stati siti Web 2.0 in senso stretto ed è altrettanto evidente che proprio la popolarità di questo tipo di siti (da cui poter trarre "profitto") ne ha favorito la diffusione. In altre parole, il Web 2.0 pur non connotando in sé e per sé uno specifico stile di design del web ha finito per delineare una tendenza dalla quale sono scaturite linee guida e (buone) norme di design. In tal senso, non stupisce la proliferazione di siti Web 2.0 nella forma ma non nella sostanza (tra le quali, dunque, non vi è necessariamente una relazione causale) né una certa difficoltà, per i web designer, di sottrarsi a un trend percepito come "di successo" anche da molti non addetti ai lavori e dagli stessi clienti che commissionano la realizzazione di siti.

Se non è vero che tutto il mondo è paese, di certo tutto il mondo è mercato, anche il web. Pensare che si possa prescindere da alcune logiche - di "mercato", per l'appunto - rimanda ad una concezione romantica della creatività suggestiva ma poco realistica. La consapevolezza di cui parlavo prima è sicuramente un ottimo strumento per scongiurare l'imitazione pedissequa e saper bilanciare tra invenzione e ricorso a quegli standard in cui tendenze, mode e ipotesi vere o presunte di successo (ci) costringono, senza che tutto ciò significhi porre limiti alla reinvenzione. La bravura di un web designer non sta forse anche in questo?

Interrompo la prolungata latitanza per presentarvi uno degli ultimi siti realizzati: LIDI - Lega Italiana per la tutela dei Diritti degli Introversi. Il sito è online dal 29 novembre, come qui annunciato.
Avevo realizzato circa due anni fa una prima versione del sito, da considerarsi del tutto provvisoria. Non si è trattato, dunque, di un restyling ma di un vero e proprio redesign.

Il lavoro è stato abbastanza consistente. Per rendere funzionale il sito e consentire ai lettori una consultazione agevole della grande quantità di materiale pubblicato (e in continuo e incessante aggiornamento!) era necessario creare una struttura dei contenuti abbastanza ampia ma al contempo non dispersiva; in secondo luogo, trattandosi del sito di un'associazione O.N.L.U.S, era indispensabile fare in modo che l'organizzazione sia degli articoli e dei documenti tematici sia delle informazioni concernenti l'associazione fosse tale da rendere chiari, anche ad una prima visita e prima di navigare il sito in tutta la sua interezza, i presupposti teorici, gli obiettivi e il campo d'azione (progetti, attività, ecc.) dell'associazione.

Per quanto riguarda il visual design ho optato per una soluzione grafica che rispondesse a due precisi obiettivi: il primo, non invadere il campo di lettura per non rendere faticosa la consultazione di un sito che è essenzialmente "da leggere" (per questo motivo, ho deciso di caratterizzare graficamente header e footer e di lasciare clean la parte centrale del sito); il secondo, coniugare la chiarezza delle informazioni a quella visiva cercando di rendere l'estetica della grafica e dei colori il più possibile in linea con le caratteristiche e la natura (di nuovo, presupposti, obiettivi, ecc.) dell'associazione.

A breve (ci siamo quasi!) nascerà anche il blog. L'impostazione grafica sarà la stessa, così da garantire omogeneità con il sito. Nel frattempo, mi dedico al mantenimento e all'aggiornamento.

Come sempre, critiche e suggerimenti sono ben accetti. Chiedo agli amici web designer e non solo: che ne pensate?

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.

Idee, suggestioni e suggerimenti non sono mai abbastanza per i creativi del web, che per appagare la fame (bulimica?) di ispirazione hanno disposizione un numero davvero smisurato di gallerie di siti e raccolte best of, da quelle frutto di selezioni personali a quelle costruite attraverso le segnalazioni degli utenti e degli stessi web designer.

Una delle migliori risorse-showcase è senza dubbio Smashing Magazine, che ha pubblicato ieri una selezione di 60 Elegant and Visually Appealing Designs. Ottima, così come le precedenti, dedicate ai dark, fresh, clean and impressive e simple and clean design.

Se siete alla ricerca di un'idea, ne troverete molte di più.

Tra i bulimici ci sono ovviamente anche io. A testimoniarlo il numero di bookmark salvati sul tema, che esigono una riorganizzazione e che da tempo ho intenzione di raccogliere in una lista da condividere con altri "affamati" di ottimi esempi di best practice del web design.

Di recente ho avuto non pochi problemi con un cliente che mi ha reso difficile portare a termine la realizzazione del suo sito. Ah lo so, sono storie all'ordine del giorno e di difficoltà se ne trovano spesso. In questo caso specifico, il problema è stato non riuscire ad avere dal cliente il materiale necessario, testi e immagini, nei tempi adeguati. Non solo: quando, dopo le reiterate richieste, riuscivo a farmi inviare qualcosa, il materiale non era quello giusto! Paradossalmente, il cliente aveva una gran fretta di andare online. Dopo 4/5 giorni dalla messa online sono riuscita finalmente ad avere le fotografie "giuste" e ho dovuto, quindi, sostituire quelle utilizzate precedentemente.

La vera nota dolente sono stati i contenuti testuali, poiché non sono riuscita in nessun modo a far capire al cliente che due righe di testo per pagina non erano sufficienti né adeguate agli obiettivi del sito. Per non parlare della qualità dei testi, scritti in un italiano davvero stentato. Quando ho capito che non ci sarebbe stato nulla da fare, ho deciso di provvedere io ai contenuti (fortunatamente, nel complesso non molti).

Vi è capitato di avere questo tipo di problemi? E come vi siete comportati? Nel vostro contratto è prevista una clausola sui tempi di consegna da parte del cliente del materiale necessario alla realizzazione del sito? Io nel mio ho tenuto conto di questo aspetto.
Contratto a parte, la riflessione è più ampia e riguarda un'ambiguità di fondo che si esprime con la tendenza ad assimilare in un'unica figura le diverse figure professionali operanti nel web. Un "fraintedimento", diciamo così, che fa comodo sia ai clienti che si rivolgono a un web designer freelance sia alle web agency che reclutano web designer, web copy, programmatori ecc. pensando che una sola professionalità le includa, necessariamente (è il necessariamente che non va), tutte.

Attingendo ai miei sempre eccedenti bookmark ho cercato di ordinare in una lista servizi, applicazioni e strumenti per la generazione online di elementi grafici.

La speranza è che i (bravi) web designer siano allergici alla grafica fast e prêt-à-porter e siano immuni dall'utilizzo dei generatori online. Quantomeno, ci si augura che vi ricorrano solo in casi estremi e che, quando questo accade, comunque, non sia mai perché non sono in grado di creare un bottone web 2.0 o un background sfumato. Naturalmente, sapere che esistono, provarli e testarne le funzionalità e i risultati non è reato, anzi è concesso e a mio avviso consigliato.

Immagini di background

• Background Image Maker Utility online che permette di realizzare background personalizzati e di vario tipo (puntinati, sfumati, rigati, ecc.).
• bgMaker Create a tiled background and download the image to use it on your blog, website or whatever Applicazione in Flash che consente di creare in modo semplice e rapido - e con una visualizzazione in tempo reale - pattern da utilizzare come immagini di background. I motivi realizzati vengono inseriti automaticamente nella gallery, dalla quale è possibile scaricare gli sfondi di altri utenti e anche editarli e modificarli.
• Gradient Image Maker Con questo tool è possibile generare immagini sfumate secondo gradiente. È sufficiente selezionare i due colori fondamentali e il tipo di sfumatura da applicare. L'immagine può essere salvata in formato .jpg e .png.
• Online Gradient Image Maker Build 3D gradient background images for site decoration and visual effects Generatore di sfondi con gradienti sia orizzontali sia verticali. Ben nove sono le transizioni di colore a disposizione.
• Tile Machine Con questa risorsa si possono realizzare pattern e sfondi pixel per pixel o scaricare quelli creati da altri utenti e archiviati nella Tile Gallery.
• Tartan Maker Generate seamless tartan patterns! Applicazione in ajax per la creazione di background pattern in stile tartan.
• Stripe Generator Generate seamless striped background images! Tool in ajax per creare velocemente e senza difficoltà sfondi a righe diagonali. Utile per chi voglia evitare la fatica del pixel-by-pixel senza rinunciare all'uso di texture ripetibili. Il file generato è un'immagine png.
• Stripe Designer Now design a stripe or pattern is fast and easy! Generatore simile al precedente che consente di generare pattern da utilizzare direttamente o da importare in Photoshop per eventuali e successive modifiche. Se non si desidera creare pattern ex-novo, è possibile editare quelli creati e salvati da altri utenti nella library.
• Stripemania Striped background generator Ottimo tool online per creare sfondi basati su strisce verticali, orizzontali o diagonali.

Logo

• Logo Maker: Web 2.0 Stylr Generatore di logo in stile web 2.0. Possibilità di scegliere il tipo di font e di aggiungere un'immagine da visualizzare accanto al testo.
• Web2.0 - Logo Creatr Per creare un logo in stile web 2.0 occorre selezionare uno dei cinque modelli disponibili e successivamente personalizzarlo con l'inserimento del testo, la scelta dei font, dell'effetto mirror, del background e del bottone e il settaggio dei parametri desiderati.
• Web2.0 Logo Creator It was created as a joke, not a serious logo maker Tool per generare logo web 2.0 basilare e senza opzioni per la personalizzazione: inserite un testo, scegliete se volete l'effetto riflesso e/o il beta tag e il logo è pronto.
• Web 2.0 Logo Creator Online Design and create free logos Con questo generatore è possibile intervenire su diversi parametri: font, colore di background, colori del testo, effetto reflection, inserimento di immagini e simboli predefiniti e loro posizione rispetto al testo. Il logo può essere salvato nei tre formati .jpg, .gif e .png.
• Flickr Logo Maker Utile se si vuole creare un testo che riproduca lo stile del logo di Flickr.

Badge e Ribbon

• Web 2.0 Badges (Generate Your Badge) Useful collection of stylish web 2.0 badges and badge generator Generatore di badge che mette a disposizione 20 modelli da modificare inserendo il testo e selezionando tipo, dimensione e colore del font. In alternativa, è possibile scaricare i numerosissimi badge in formato .psd presenti nella collezione e personalizzarli a proprio piacimento utilizzando Photoshop.
• Fresh Badge Generator Quickly create very trendy, eye-candy, and very web 2.0 badges for your site, blog or scrapbook Ottimo generatore di badge, il migliore per la quantità di opzioni e parametri tra cui scegliere. Impossibile descriverli tutti nel dettaglio. Da provare.
• Free Website Ribbon Generator Free website ribbon generator for your website or blog Consente di creare in pochi secondi un adesivo (sticker) con un messaggio personalizzato. Dopo aver inserito i dati richiesti (testo e link, dimensione e colore del font) e aver selezionato una tra le diverse "fascette" disponibili, è sufficiente copiare e incollare il codice javascript sul proprio blog o sito web. Lo sticker sarà automaticamente posizionato nell'angolo superiore destro.
• Quick Ribbon Online Ribbon Generator Tool Tool per creare ribbon personalizzati in stile web 20. Per ottenere il codice javascript da copiare e incollare all'interno del proprio sito o blog occorre selezionare uno dei quattro modelli preimpostati, inserire testo e corrispettivo link, scegliere dimensione, colore e tipologia di font e impostare i colori per il ribbon.

Bottoni

• My cool button Web 2.0 free buttons maker! Applicazione con la quale creare bottoni in stile web 2.0 in pochi e semplici passaggi. Dopo aver scelto dimensione e colore del bottone, aver inserito il testo, settato tipo, dimensione e colore del font, il pulsante è pronto per essere scaricato e utilizzato. Il tool consente di aggiungere un'icona web 2.0 precaricata (sono sei quelle attualmente disponibili) o di caricarne una dal proprio PC.
• Buttonator Tool per la creazione online personalizzata di bottoni. L'accesso a un numero più ampio di "stili" e opzioni per la personalizzazione è consentito solo previo pagamento. Altrimenti, occorre accontentarsi della versione base.
• Glassy Button Generatore di bottoni che offre numerose opzioni per la personalizzazione e anche la possibilità di creare un rollover sull'immagine.

Antipixel

• PixelButton Make your Antipixel button Generatore online di antipixel, facile e veloce da usare. L'immagine viene trasformata automaticamente in codice HTML e non è necessario, dunque, salvarla sul server.
• Button Maker Online Use this online tool to easily and visually create those popular "XHTML valid" micro buttons (80x15) Tool per la creazione di micro-bottoni nelle dimensioni 80x15 e 88x31.
• FREE button generator Generate a 80×15 brilliant button FREE, also known as “antipixel buttons” or “badges”, very popular buttons Selezionando le opzioni relative ai colori e al testo viene generata un'immagine .png 80x15.
• Button Maker Call it a badge, sticker, button, or whatever you'd like. Create yours below Applicazione online di Adam Kalsehy che permette in pochi passaggi di creare bottoni antipixel 80×15.
• Button Maker (Blog Flux) Make 80x15 or 88x13 buttons with a few clicks Generatore online di antipixel nelle dimensioni 80x15 e 88x31.
• Brilliant Button Maker A web interface to create 80x15 brilliant buttons Ottimo button maker che consente di creare mini-bottoni dando la possibilità di intervenire, oltre che sui consueti parametri, anche sulle posizioni e gli spazi. Permette, inoltre, di inserire delle immagini.
• RSS Button Generator Make your own RSS Buttons for FREE! Come per il precedente, anche in questo caso si possono modificare gli spazi. Sono più di 110 i font a disposizione.

Loading gif

• LoadInfo - Loader generator LoadInfo Ajax spinners' free generator Applicazione online per generare immagini di loading. Ampia la scelta delle immagini, personalizzabili nei colori, disponibili nelle dimensioni 16x16, 24x24 e 48x48 e scaricabili in formato .gif.
• Ajaxload - Ajax loading gif generator Create easily your own ajax loader icon Generatore di loader ajax personalizzabili. Numerose le gif animate tra cui scegliere e da configurare selezionando colore di sfondo e colore dell'immagine.
• Ajax Loading Gif Generator Create your own ajax loading gif easily Tool per la creazione di indicatori di caricamento molto semplice da utilizzare. È possibile personalizzarli scegliendo il colore di sfondo, il colore dell'immagine e la velocità dell'animazione.

Favicon

• favicon.ico Generator favicon.cc is a tool to create or download favicon.ico icons Applicazione web che consente di creare delle favicon o importando delle immagini o utilizzando una tavoletta 16×16 e colorando i pixel. Previa registrazione, si possono salvare le icone per condividerle con gli altri utenti del servizio.
• Online fav-icon creator Create your own icons in an online free editor L'applicazione permette di creare favicon attraverso il ricorso a un semplice e intuitivo strumento di disegno. In alternativa, si può caricare un'immagine per convertirla in formato .ico. o scaricare favicon già realizzate scegliendo tra le molte presenti nella library.
• 256 Pixels a daily favicon design challenge Questo tool consente la creazione di favicon sia attraverso l'upload di immagini sia attraverso l'utilizzo di una tavoletta di pixel da colorare (con preview in tempo reale).
• favicon2dots Semplice e immediato: caricate la vostra favicon già realizzata, cliccate sul pulsante "2dots" e in pochi secondi verrà generata un'immagine .png che riproduce la favicon in 3D pixel.
• Flavicon Servizio online per convertire immagini .png, .gif e .jpg in immagini in formato .ico. In alternativa si possono utilizzare le favicon presenti sul sito e disponibili per il download.
• Favicons! Generate your favicon and leave your footprint Strumento utile e pratico per trasformare immagini reperite online o caricate dal proprio PC in immagini dimensionate 16x16 in formato .ico.
• FavIcon from Pics The first web tool for creating still / animated favicons from regular images Il tool converte immagini 16x16 e 32x32 .gif in immagini .ico. Gli utenti registrati possono segnalare e inserire la favicon creata nella gallery.
• Favicon Generator (I) Create free favicon.ico page icons with Favicon Generator, instantly make custom Favicons for your website Consente di caricare dal proprio PC e trasformare in favicon immagini .gif, .jpg, .png e .bmp.
• Favicon Generator (II) Free and easy to use online Favicon Generator tool that can create Firefox-compatiable favicon .ico images Tool per la trasformazioni in favicon immagini .gif, .jpg, .png e .bmp.
• Favicon Generator (III) Create a favorites icon for your site Le immagini (.gif, .jpg, .png o .bmp.) caricate vengono trasformate automaticamente in favicon.
• Favicon Generator (IV) Favicons generated here contain text instead of images in order to be descriptive, but are colored to be nice looking Strumento per la conversione di immagini 16x16 e 32x32 (nei formati .gif, .jpg, .png e .bmp.) in immagini in formato .ico.
• Favicons Generator Tool Get FREE Favicons Instantly Tool per convertire in favicon le immagini caricate. È possibile aggiungere un testo scorrevole.
• FavIcon Generator Use this online tool to easily create a favorites icon (favicon) for your site Consente di trasformare in favicon immagini .gif, .jpg, .png e .bmp.

Immagini riflesse

• Reflection Maker Create reflections with Reflection Maker Generatore di immagini con l'effetto reflection tipico del web 2.0. Le immagini possono essere caricate direttamente dal PC o da URL. Due le opzioni disponibili: la dimensione del riflesso e il colore di background.
• Wet Floor Applicazione web che consente di generare immagini riflesse in formato .png. Si possono settare i parametri relativi all'altezza e all'opacità del riflesso.
• Picreflect Just in 10 seconds create a reflection of a picture and save it to your computer Altra semplice applicazione online per generare immagini riflesse dopo averle carciate dal proprio PC. I valori da applicare al riflesso sono l'altezza, l'opacità, la trasparenza e il colore di sfondo.

---

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

---

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.

Nessuna fotografia è stata trovata.