Eccoci al quasi consueto appuntamento del venerdì con i bookmark. Apriamo con una risorsa non recentissima ma senza dubbio meritevole: Design for Accessibility è un'ottima introduzione all'accessibilità  e in particolare alle WCAG realizzata da Andy Budd.Restando in tema W3C, è stato da poco pubblicato il working draft delle specifiche dell'oggetto XMLHttpRequest, che conferma ancora una volta l'impegno del W3C nel promuovere i web standards. Ecco l'introduzione del documento:The XMLHttpRequest object is implemented today, in some form, by many popular Web browsers. Unfortunately the implementations are not completely interoperable. The goal of this specification is to document a minimum set of interoperable features based on existing implementations, allowing Web developers to use these features without platform-specific code. Passiamo al Javascript con JaS - Javascript Slides, un esempio di slideshow: in apperenza si presenta versatile, include uno slideshow e diversi temi... ma ci sono un paio punti critici da evidenziare. Primo: le immagini e gli ingrandimenti vengono inserite nella pagina attraverso il DOM, e restano quindi inaccessibili a visitatori con Javascript disabilitato o browser non DOM-compatibili. Secondo: le miniature vengono realizzate ridimensionando gli ingrandimenti attraverso i CSS; il caricamento della pagina è quindi lento e il suo uso è sconsigliato quando le immagini della galleria sono molte.Per quanto riguarda i CSS: in Applied CSS vertical-align viene presentata la risposta a un problema di design comune, ovvero la centratura verticale di un'immagine all'interno di un elemento con altezza fissa. Concludo segnalando CSS Remix, l'ennesima galleria di siti basati sui CSS. àˆ tutto per oggi: alla prossima e...serena Pasqua a tutti.

Continua a leggere I bookmark del venerdì

Categoria: Bookmark

Nel mio perenne navigare, mi sono imbattuto nel sito Demo-Geodemo. Si tratta del sito che riporta parte delle statistiche demografiche dellÂ’ISTAT. I dati sono utili se volete confrontare o incrociare statistiche e studi. In ogni caso, un giro è utile.A proposito, non è affatto vero che per ogni uomo ci sono sette donne! Chissà  chi lÂ’ha inventata questa favola.

Continua a leggere Statistiche demografiche ISTAT

Categoria: Bookmark

Apriamo la settimana con diverse segnalazioni interessanti. Cominciando con il Javascript: le Smart mini tabs sono una versione migliorata delle Mini slide segnalate un po' di tempo fa sul blog. Dopo Lightbox e derivati, ecco Prototype Javascript Windows, una pop-under ridimensionabile e draggabile. Molto carina, ma fatico a trovare un'utilità  pratica la Gradient progress bar.Passando ai CSS: CSS Tweak è un ottimizzatore CSS a detta dell'autore differente dagli altri, in quanto non stravolge la struttura del CSS. Personalmente ritengo che l'ottimizzazione vada fatta in fase di stesura, e un CSS ben scritto non necessita di tool simili. Vale senza dubbio la pena provarlo anche solo per curiosità .Gli angoli arrotondati sono senza dubbio una dei temi più amati dai web designer. A breve distanza dai Nifty Corners Cube (qui la versione in inglese) arrivano gli Spiffy Corners. Ispirati proprio dai Nifty Corners, sono un metodo per ottenere angoli arrotondati con antialias senza immagini ma solo con HTML e CSS, accompagnati da un pratico tool di generazione del codice. Se posso essere un po' critico: non si tratta di niente di nuovo e l'impiego degli spiffy corners è sconsigliato dato che vincolano permanentemente markup e presentazione.Concludo con una segnalazione di web design, ovvero All time top 5 designs, una buona selezione di cinque siti dal design notevole. Se potessi aggiungerne uno, sarebbe probabimente Cuban Council. E voi, quale sito aggiungereste?

Continua a leggere I bookmark del lunedì

Categoria: Bookmark

Tags: ,

Diverse segnalazioni interessanti negli ultimi tempi, raccolti nel quasi-abituale (e spero gradito) digest. Cominciamo con i CSS: in Levels of CSS knowledge Emil Stenström presenta sette livelli (da 0 a 6) di conoscenza dei CSS, un buon modo per auto-valutare la propria conoscenza dei fogli di stile. Qualcuno lo ha fatto? (more...)

Continua a leggere Bookmark CSS e Javascript

Categoria: Bookmark

Tra le segnalazioni che ho fatto tempo fa ci sono diverse soluzioni che sono state aggiornate, espanse o migliorate. Ho pensato di racchiuderle in un post di aggiornamento. Cominciamo dallo Star Rater, di cui ho parlato in questo post. Ecco il suo seguito: CSS Star Rating Part Deux. Interessante, anche se ho una piccola riflessione: il valore di default a tre stelle e mezzo non credo sia una buona scelta se non è possibile usarlo.Ho segnalato qui diversi menu con grafica e CSS già  pronti all'uso: da allora l'autore ne ha realizzati altri sia orizzontali sia verticali: davvero belli.Infine, ho linkato la settimana scorsa Lightbox, accolto con entusiasmo da molti lettori. Nella stessa pagina è stato presentato un aggiornamento molto utile: la didascalia sulle immagini ingrandite. La cosa notevole è che per ottenerla vi basterà  scaricare lo script aggiornato e aggiungere l'attributo title al link all'immagine ingrandita. La semplicità  rimane invariata, ed è davvero questo il punto di forza della soluzione. Da seguire il sito dell'autore, che questa settimana dovrebbe presentare uno script complementare per una photo-gallery.

Continua a leggere Tre segnalazioni: gli aggiornamenti da non perdere

Categoria: Bookmark

Come ha detto Cesare Lamanna proprio ieri: "Non si sfugge. àˆ il periodo delle liste, delle classifiche e delle Top-qualunquecosa.". Ho pensato di onorare la tradizione con la mia lista Top 20 del 2005, ovvero le venti migliori risorse suddivise per categoria: Miglior articolo Javascript: Ten good practices for writing JavaScript in 2005 Migliore Javascript per effetti: Moo.fx Migliore Javascript per Ajax: AHAH CSS/layout: In search of the One True Layout CSS - l'idea sfiziosa: Creating a star-rater with CSS Migliore articolo su CSS e browser: On having layout CSS/hacks - l'articolo da dimenticare: Pup's Box Flow Hack CSS/tipografia: Worn Type CSS/sviluppo e codifica: CSS framework Miglior articolo sul markup: Semantic Typography Webdesign - l'idea creativa: Nifty Corners Web standards: Ten reasons to learn and use web standards Web standards - la risorsa migliore: Basic webstandards Workshop Wedesign - la migliore presentazione: Designing with Web Standards Miglior articolo sull'accessibilità : Developing sites for users with Cognitive disabilities and learning difficulties Migliore serie sul design: Five simple steps to designing grid systems Miglior articolo sui motori di ricerca: Beginner's Guide to SEO Miglior tool on-line: Typetester Il tool commerciale più desiderato: Mint Il miglior blog: 456BereaStreet Sicuramente ho dimenticato qualcosa, e non ho resistito a includermi nella lista con l'articolo sui Nifty Corners: nella classifica c'è la versione inglese, qui e qui le due parti in italiano.

Continua a leggere Bookmark: la top 20 del 2005

Categoria: Bookmark

Come promesso ecco la seconda parte. Cominciamo con il Javascript. Dean Edwards propone JavaScript Tip #1: Speed Up Object Detection, il primo suggerimento di una serie dedicata a Javascript: in questo appuntamento un interessante approccio per velocizzare l'assegnazione di una funzione con object detection. Chris Heillman ha un altro suggerimento utile in Shorter DOMscript via cloning vs. generating elements: invece di creare n volte lo stesso elemento, risulta più semplice e veloce crearlo una volta sola e clonarlo quando serve. Steve Chipman propone invece una serie di snippet notevoli in Where'd I leave that function... (more...)

Continua a leggere 25 bookmark – parte II

Categoria: Bookmark

25 bookmark

13 Dec

Sarà  la frenesia della corsa a pacchetti e regali, ma questi ultimi tempi sono molto attivi anche sul versante webdesign. Ho pensato così di raccogliere ben 25 bookmark (numero perfetto per questo periodo!) che vi presento in due parti, suddivisi per argomento.Cominciamo con le notizie sui browser: la beta 2 di IE7 vedrà  la luce entro fine marzo 2006, sarà  pubblica e girerà  su XP. Opera 9 implementerà  l'opacità  grazie alla proprietà  CSS3 opacity. (more...)

Continua a leggere 25 bookmark

Categoria: Bookmark

Due libri interessanti che mi sono capitati sotto mano in relazione allÂ’usabilità  dei siti.Il primo è un 'classico', Don't make me think!, di cui anni fa è stata fatta la recensione anche su Libri di Html.it in occasione dellÂ’uscita della traduzione in italiano. Il libro è indicato a web designer, grafici ed editori di contenuti.Come la penso, ormai molti di voi lo sanno. Un sito non è usabile solo perché lo si può usare bene in tutti i contesti, ma anche e soprattutto perché si rifà  a come psicologicamente i navigatori manipolano Internet e cià che vi gira attorno o dentro.Capire i processi mentali, quindi, è fondamentale. Ehm, ehm... ebbene sì, il secondo volume è di una certa sostanza e pesantezza (anche in termini di pagine, sono 760), ma il tema è di primÂ’ordine. Si tratta di Modelli mentali di Philip N. E Johnson-Laird, edito in Italia da Il Mulino. Vi riporto un paio di suoi capitoli, tanto per stuzzicarvi. La dottrina della logica mentale Inferenze e modelli mentali Immagini, preposizioni e modelli ComÂ’è rappresentato nella mente il significato di una parola? La coerenza del discorso Coscienza e computazione

Continua a leggere Libri: usabilità  sotto il profilo tecnico e psicologico

Categoria: Bookmark

Credo che molti di voi abbiano sentito parlare di Browsercam. àˆ un servizio per effettuare test di compatibilità  incrociata su uno svariato numero di browser. Un'ottima risorsa se si ha necessità  di verificare come rende un sito su programmi e piattaforme che per qualunque motivo non possiamo avere a disposizione. Per capire come funziona può essere utile dare un'occhiata a questa pagina. Pur potendo essere testato gratuitamente per 24h, Browsercam è a pagamento (qui il listino). Questa estate è spuntato fuori il progetto di un giovane studente tedesco, un'alternativa free a Browsercam: Browsershots. Provatelo, ma sappiate che i tempi d'attesa per ricevere gli screenshot (almeno con certi browser) sono diventati biblici.Online Image Splitter è un altro dei tool di HTML Kit. Come suggerisce il nome, serve a creare versioni suddivise in più parti di grosse immagini (per velocizzare il collegamento), quello che fanno programmi come Fireworks o Photoshop con le cosiddette slice. Oltre a fare a fettine l'imamgine, il servizio restituisce il codice HTML necessario a 'riattaccare i pezzi' nelle nostre pagine web.Se avete bisogno di migliorare le funzionalità  di una textarea potete affidarvi a Textarea Tools. La pagina linkata contiene tutti gli esempi e il collegamento al file da scaricare.Rimanendo in tema di moduli. Da conservare tra i preferiti come utile reminder: 10 Tips to a better form.Per i più spericolati: Variables in your CSS via PHP.

Continua a leggere Bookmark – 5

Categoria: Bookmark