Via SimpleBits e StyleGala arrivo ad un sito dal design molto interessante: quello di Derek Powazek. L'idea di base è semplice: il contenuto prima di tutto, e così perchè non avere la navigazione nel footer?L'autore, che ha realizzato tra l'altro il nuovo design di Technorati, descrive le ragioni della navigazione-footer in un post intitolato Embrace your bottom. Ecco la traduzione del passo più interessante:È arrivato il tempo in cui i designer inizino a pensare al footer come parte del design di un sito. Il fondo di una pagina è il bacio alla fine di un appuntamento, e stiamo facendo siti che si concludono senza neanche una stretta di mano. (more…)

Continua a leggere La navigazione non convenzionale

Categoria: Web Standards

Stu Nicholls è uno degli ultimi pionieri dei CSS e le sue sperimentazioni, che si possono trovare sul suo sito CSSPlay, mi hanno sempre affascinato. Il suo più recente tutorial presentato su WebReference è incentrato su questo tema: come costruire una galleria fotografica interamente basata sui CSS. Il risultato è decisamente sorprendente. Non si può mettere in dubbio un uso davvero creativo dei CSS, ma non è solo sotto l'aspetto scenografico che bisogna valutare la bontà di una tecnica. Ci sono almeno quattro motivi per cui non la userei mai in un progetto reale. (more…)

Continua a leggere Una galleria fotografica con i CSS

Categoria: CSS

In questo periodo vengo spesso a conoscenza di nuovi siti in fase di progettazione e mi ritrovo sempre ad assistere a ciò che vi descrivo nel seguito. Purtroppo. Lasciamo perdere quei siti che partono senza un vero e proprio progetto iniziale, senza specifiche e senza un piano operativo e concentriamoci, invece, su quelli che apparentemente iniziano bene. (more…)

Continua a leggere Un nuovo sito. Perchè tanti progetti monchi?

Categoria: Contenuti e Web Writing

Dare una visione d'insieme dei Web Standards che sia semplice ma allo stesso tempo minuziosa è un progetto molto ambizioso per la vastità di argomenti da trattare. Russ Weakley, uno dei miei autori preferiti, ci riesce benissimo in Basic webstandards Workshop, un vero e proprio manifesto del webdesign moderno. Meritano una lettura attenta anche i suoi molti tutorial. Un articolo di livello simile a quello del workshop, anche se con un approccio un po' diverso, è Developing With Web Standards di Roger Johannson. È un peccato che entrambe le pubblicazioni non includano una sezione relativa a Javascript: tre letture che possono costituire un ottimo complemento sono Unobtrusive Javascript di Chris Heilmann, Ten Good Practices for writing javascript in 2005 di Bobby Van Ders Luis e Creating Accessible Javascript di Jared Smith.

Continua a leggere Introduzione ai Web Standards

Categoria: Web Standards

Credo che una delle più grandi rivoluzioni da quando esiste Internet sia l'RSS, ormai divenuto un potentissimo mezzo di informazione e aggiornamento. Se questo formato è ormai diffuso e supportato anche dai principali siti di informazione, è grazie ai blog che ha trovato modo di esprimere tutte le sue potenzialità.Recentemente, oltre ai feed reader online (tra cui Bloglines e Rojo), si stanno diffondendo diversi motori di ricerca RSS e/o in grado di indicizzare con particolare cura i contenuti della blogosfera.Mentre i motori 'tradizionali' come Google, Yahoo e MSN si stanno attrezzando, ho pensato di fare un piccolo test sui motori di questo tipo attualmente disponibili e di metterli a confronto. Oltre a cercare keywords, è possibile in tutti i servizi che ho analizzato trovare quali siti linkano una determinata pagina.Così ho preso come url campione uno degli siti caldi degli ultimi giorni, ovvero Mint (la nuova applicazione per statistiche realizzata da Shaun Inman) e ho stilato una mini-classifica dei motori ordinata per risultati trovati (i link puntano direttamente alla ricerca per url) : Feedster dà 369 risultati Bloglines dà 297 risultati BlogPulse dà 214 risultati IceRocket dà 187 risultati Clusty dà 181 risultati Gigablast dà 76 risultati BlogDigger dà 28 risultati DayPop dà 20 risultati Technorati dà 15 risultati nell' ultimo giorno Findory dà 0 risultati Ovviamente i risultati non si possono generalizzare dato che si tratta di una ricerca su una caratteristica specifica, ma credo che siano abbastanza indicativi, e io che finora ho usato Technorati... Concludo con un invito a dare uno sguardo ai motori che ho appena indicato: molti offrono anche classifiche per popolarità, grafici di diffusione e tante altre caratteristiche interessanti che spesso sono un buon modo per tenersi aggiornati in particolare su temi quali il webdesign. Buona ricerca!

Continua a leggere Motori di ricerca per RSS e blog

Categoria: Motori di ricerca

Tags: ,

Un articolo piuttosto recente e divenuto ormai famoso tra gli appassionati di CSS è Creating a Star Rater using CSS, un tutorial in cui si spiega come ottenere un meccanismo di votazione con i CSS: il risultato è molto accattivante e decisamente intuitivo per l'utente. Due parole sull'implementazione: per la comprensione della tecnica ci sono alcuni elementi chiave: il fast CSS rollover, i posizionamenti assoluti, il cambio di dimensioni dei link in stato :hover e soprattutto l' uso sapiente dello z-index. Il CSS è semplice, anche se un po' lunghetto. Komomedia, il sito che ospita l'articolo mi era già noto per la sua menzione su uno dei miei siti preferiti: Devil's detail, che si occupa di evidenziare soluzioni e dettagli di interfacce e widget di siti web. In effetti, il menu laterale che combina tabs e scroller con CSS e Javascript è sorprendente. Ho un po' di dubbi sulla sua usabilità con Javascript disabilitato... Tornando ai menu con rollover, un altro articolo recente degno di nota è Running with Sprites (su un altro sito davvero spettacolare) in cui un menu con rollover viene assegnata anche un'immagine per lo stato attivo. Il risultato è davvero interessante, mi raccomando non perdetevi l'esempio con Gundam. Infine, per un ripasso sui menu con rollover via CSS ricordo la serie sui Menu grafici e semigrafici con i CSS nella sezione omonima di PRO. Ecco i link agli articoli: Parte I: menu semigrafici Parte II: fast CSS rollover Parte III: rollover su immagini Parte IV: fast CSS rollover rivisto Parte V: navigation matrix In particolare da non perdere l'ultimo della serie, il mio preferito.

Continua a leggere Rollover: nuove idee con i CSS

Categoria: CSS