XHTML, CSS, accessibilità, usabilità e sviluppo di applicazioni per il web. In una sola parola (o meglio tag) WEBDEV.
Chi di voi non ha bestemmiato con la visualizzazione di oggetti sovrapposti con i CSS? Su 24 Ways c’è un tutorial che spiega come usare al meglio l’attributo Z-Index per realizzare complesse template.
Da aggiungere al proprio bookmark!
ciuaz
CanvasGraph è una libreria Javascript che permette di generare dinamicamente grafici sfruttando la potenza de tag HTML Canvas.
Nessun uso di GD, nessun uso di SVG! Stupendo.
Per vedere gli esempi siete obbligati ad avere un browser di ultima generazione come Firefox 1.5.
ciauz
Su edevil’s blog è stata pubblicata una impressionante lista di librerie javascript per lavorare con ajax, interfacce, gestione dei dati.
ciuaz
Finalmente è stato aggiornato Venkman il debugger Javascript per Firefox, la nuova versione funziona difatti con la famiglia 1.5 del browser.
In realtà però non si tratta di una vera e propria versione nuova, ma di un hack fatto da un utente che necessitando del debugger ha preferito aggiornarselo da solo piuttosto che aspettare qualche news ufficiale (anche perchè il progetto è fermo da oltre un anno).
ciuaz
Il primo passo nello sviluppo di un sito web normalmente è rappresentato da uno scarabocchio su carta che rappresenta una possibile idea di interfaccia e/o funzionalità dello stesso. A seguito viene scarabocchiata una pseudo mappa del sito ed una storyboard per quelle pagine che necessitano di una qualche complicata interazione con l’utente.
Alcuni realizzano questi scarabocchi su carta, altri preferiscono lavorare su photoshop altri ancora su powerpoint. L’importante è riuscire a rendere bene l’idea di quello che il sito dovrà fare prima di iniziare a lavorarci sopra.
Denim serve proprio a questo scopo. Questa applicazione realizzata dall’Università di Berkley nasce per dispositivi portatili come palmari e tabletPc (anche se adesso è disponibile anche per i normali pc) e permette di disegnare a mano libera più o meno tutta la struttura di un sito.
La cosa interessante è data dalla possibilità di utilizzare diversi livelli di zoom per andare a disegnare la mappa, le pagine o l’interazione tra le stesse. Unico difetto di Denim attualmente è il fatto che l’esportazione è possibile solo in html mentre non è possibile esportare su formati utili ad altri software per generare template di codice funzionante.
Resta il fatto che durante un brainstorming, se disponete di un tabletPC (meglio se di un Nokia 770 con Maemo) Denim tirerà fuori il meglio di se.
[via Bergius]
ciauz
Trovare il layout perfetto è un’impresa titanica, descrivere passo passo come ottenerlo è qualcosa di impensabile. Almeno lo era fino a quando non è stato scritto questo articolo su Position is Everything.
[via Geek Ramblings]
ciauz
Normalmente quando scriviamo il CSS di un sito stiamo attenti affinchè sia comprensibile per una possibile e futura modifica. Aggiungiamo quindi commenti (magari anche molto lunghi), tabulazioni, spazi e magari replichiamo più volte lo stesso style se applicato a diversi oggetti.
Operare in questo modo è molto comodo ed efficiente per noi sviluppatori ma altrettato inefficiente per un browser che invece di scaricare 10Kb di CSS se ne scarica 50Kb.
Come risolvere il problema? Beh semplicemente usando CSSOptimizer per comprimere e ripulire da tutto il testo inutile il CSS che pubblicheremo su web e tenendoci solo in locale quello usato per lo sviluppo e ricco di commenti.
ciuaz
Ho scoperto che esiste un nuovo linguaggio XML per descrivere un sito affinchè venga poi correttamente analizzato dai motori di ricerca, si chiama di ROR e sfrutta molto da vicino il principio di FOAF dove viene creata una rete dei contatti di contatti.
In realtà ROR è molto di più infatti al suo interno potrebbe comprendere non solo dati essenziali per l’indicizzazione di un sito, ma anche una lista di contatti, un feed, o qualsiasi altro si possa considerare “risorsa“.
Altro programmillo utile trovato oggi per quel che riguarda il SEO:”(SEO è l’acronimo di Search Engine Optimizing e indica tutte le tecniche di ottimizzazione dei siti affinchè vengano indicizzati meglio dai motori di ricerca)”: è GSiteCrawler. Questo tool freeware genera il file sitemap.xml, sfruttato da Google per l’indicizzazione del sito, automaticamente dopo aver analizzato una, o più, url.
ciuaz
Nella nuova concezione di web design usare le tabelle per il layout è sbagliato, banalmente non è però vero il contrario… ecco un ottimo esempio di layout per tabelle :)
ciuaz
Della cosa ne avevo già parlato da qualche parte (dove? boh…), ma un link in più non fa che bene. Su MaxDesign sono presenti alcuni utili esempi su come usare i css per formattare le liste.
ciuaz