Convertitore .jpg html

giugno 26, 2007

Via Digg, segnalazione di un tool che consente di convertire immagini .jpg in codice html:

http://neil.fraser.name/software/img2html/

Sicuramente divertente.

L’immagine riprodotta è identica – solo che a questo punto è una tabella con celle di 1px x 1px, con il giusto colore di background…

Forse solo un giochino sperimentale o forse anche, come suggerisce  Neil, un possibile punto di partenza per l’ennesima soluzione di webdesign dinamico senza Flash.

Via comand.art (in portoghese), esaustivo articolo di Step Two Designs (in inglese) che elenca, tra l’altro, undici principi secondo i quali valutare l’usability di un software CMS:

  • minimizzare il numero di opzioni
  • essere robusto e prevenire glio errori
  • fornire interfacce orientate ai compiti (tasks)
  • nascondere i dettagli di implementazione
  • essere in linea con le principi guida dell’usabilità
  • adattarsi al modello mentale degli autori
  • offrire supporto per utenti frequenti e non frequenti
  • fornire interfacce efficenti
  • offrire aiuto e istruzioni
  • minimizzare la curva di apprendimento
  • essere auto-sufficiente

L’articolo originale è chiaro e dettagliato, e va molto oltre gli 11 principi.

Saab. I 60 anni sul web.

giugno 23, 2007

La Saab festeggia 60 anni e li celebra, tra le altre cose, con un microsito ad hoc.

Che ripercorre i 60 anni della casa automobilistica, ma anche delle sue pubblicità.

Molto bello. In Flash (segnalato qui proprio x’ molto bello – not really a flash fan site, this one :-).

Segnalazione via webadilidade (a sua volta attraverso il tag webdesign di wp.com)

Webmaster jam session 2007

giugno 22, 2007

webmaster jam 2007

Se sei un web developer / web designer, e hai voglia di ascoltare i migliori professionisti al mondo parlare di best practices, tecniche, tips&tricks…

21 e 22 settembre 2007:

http://2007.webjamsession.com/

Se abiti dalle parti di Dallas non puoi mancare :-))

Lynn Wallenstein spiega in modo lucido e dettagliato cosa un web designer deve chiarire con il cliente, prima di iniziare un lavoro:

articolo su poweredbygeek (in inglese :-|)

“mi indichi 5 design che le piacciono, indipendentemente dai contenuti; mi dica il nome di 3 suoi concorrenti; mi dica 5 parole/concetti a cui vorrebbe che una persona pensasse vedendo il sito; qual’e’ l’obiettivo principale del sito; …”

 Dai search autocompletanti ai tool per trascinare i contenuti della pagina, dalle enhanced tabs navigations agli effetti stile accordion, dai popup (lightbox, thickbox, sexybox, …) alle tabelle, agli on-line editors. Un po’ di tutto, e quasi tutto molto pertinente:

smashingmagazine.com/2007/06/20/

(Segnalazione via Digg.)

Articolo semplice ma incisivo da WebDesignIndia.

Dieci cose da tenere a mente quando si progetta / implementa un sito web. Cose da fare e, soprattutto, cose da evitare.

via websitedesigningindia (articolo originale su earticlesonline.com – in inglese)

  • un buon tema / template – siamo giudicati dalla copertina
  • evitare broken links – assolutamente non professionale
  • evitare contenuti superflui, o irrilevanti – scrivere bene, e il necessario
  • no a pagine di entrata (splash pages) o animazioni il cui solo contenuto è “clicca qui per entrare”
  • usare menu e interfacce di navigazioni semplici, e immediatamente comprensibili – limitare l’uso di flash e menu multilivello, dove non strettamente necessari
  • evita i contatori (page counters) – ovviamente a te serve sapere il numero dei visitatori, ma agli utenti di solito non interessa
  • evita di rendere la tua home page “la fattoria dei banner e dei link ai siti amici” – massimo due banner, e i link realmente utili
  • no a finestre pop up (specie se pubblicitarie) e all’uso eccessivo, non giustificato, di javascript
  • no alla musica che parte automaticamente, e meglio evitare flash in generale – se proprio sei un patito di musica, lascia almeno che sia il visitatore a farla partire. Non tutti si collegano via fibra ottica…
  • cerca di tenere le dimensioni del sito limitate (come misura “standard” 30k + 30k per le immagini sono ragionevoli) – un sito non deve impiegare + di 10 o 15 secondi a caricare. Infine, controllare che i cambi header title e meta siano sempre compilati correttamente.

(Consigli anche banali forse. Ma se tutti o quasi li seguissero, imho il web sarebbe un posto “migliore” – di certo + accessibile.)

20 interessanti estensioni per Firefox utili per chi “disegna il web”

http://www.cyber-knowledge.net/blog/

dai classici firebug, edit css e web-developer alle estensioni per simulare opera e IE, a tool di SEO, …

(post non nuovissimo, e in inglese)

Risorsa in italiano, molto chiara e completa, sulla versione 5 di HTML. In forma di faq:

ecologiadeisitiweb.net/blog/domande-e-risposte-sullhtml5

Newdrop CSS menu

giugno 19, 2007

[autosegnalazione :-D]

carl0z.wordpress.com/2007/06/19/newdrop-css-menu-alpha-release/

menu css based su due livelli orizzontali