JavaScript  »  Articoli  »  Mondo Javascript 

Allo stato attuale delle cose, e come indicato nelle recenti tecniche che elencherò tra breve, credo che ormai Javascript non possa essere più contenuto in un livello di comportamento e interazione in cui molto è fatto di eventi. Javascript può agire su contenuto, struttura e presentazione come indicato nell'ottimo articolo sul Javascript presentazionale. Javascript può infatti:

1. Modificare il contenuto sotituendo testo con immagini
2. Manipolare il contentenuto, rendendo ogni parte di esso editabile dall'utente
3. Incorporare il contenuto quale Flash
4. Rendere il contenuto interattivo trasformando una pagina in ua presentazione
5. Aggiungere enfasi al contenuto con effetti visuali efficaci
6. Fornire contenuto per una migliore presentazione incorporando dinamicamente font tramite filmati Flash
7. Cambiare la presentazione attraverso uno style switcher
8. Migliorare la presentazione di elementi di form
9. Nifty Corners: miglioramenti e nuove funzionalità per ottenere angoli arrotondati senza immagini e senza markup aggiuntivo
10. Trasformare la struttura di un layout intabellando i div
11. Migliorare l'usabilita e forse anche l'accessibilità.

Molte delle tecniche qui presentate sono recenti. Sarà chiaro al lettore che questo linguaggio di scripting ha subito un'evoluzione notevole. Ma cosa possiamo fare con Javascript? E fino a dove può spingersi? Cerchiamo di dare una possibile risposta.

Javascript è un ottimo strumento per migliorare contenuto, presentazione, struttura, interazione e usabilità. Ma va considerato sempre come un extra: non può e non deve fornire questi variabili come unico mezzo, e in particolare non dovrebbe sacrificare l'accessibilità dei contenuti di un sito se per qualche motivo (es. browser obsoleti o Javascript disabilitato) non può girare. Siccome Javascript è un extra, mentre l'accessibilità ai contenuti è un fondamento, Javascript non dovrebbe pretendere di migliorare l'accessibilità.

Javascript è un valido mezzo per aggiungere struttura ed elementi con scarso contenuto semantico grazie al DOM, e può interagire in maniera eccellente con i CSS per migliorare la presentazione.

A proposito di separazione: dato che un modello a livelli si è rivelato negli ultimi tempi inadeguato per le potenzialità di Javascript, l'unica separazione necessaria è tra Javascript e l'HTML: si dovranno evitare il più possibile la gestione script in linea e gestione di eventi direttamente nell'html. Il posto ideale per il Javascript è in file esterni, ancora meglio se nella sezione head.

Infine, il Javascript moderno dovrebbe essere il più possibile cross-browser e costuito per lo più dal DOM. Pratiche quali il browser sniffing dovrebbero essere abbandonate a favore dell'object detection. Questo è tutto per ora, non ci resta che riepilogare i molti link e le risorse citate in questo articolo.

Web Standards

• The benefits of web standards
• Why tables for layout is stupid
• Web Standards Checklist anche in italiano
• Developing with Web Standards

Ajax e affini

• Ajax: A New Approach to Web Applications
• Prototype: An object-oriented Javascript library
• Rico: an open source Javascript library for rich internet applications
• Javascript Visual Effects for Prototype
• Ajax Toolkit and Project List

Javascript: articoli e tutorial

• 2005: the year of DOM
• Javascript is not the devil's plaything
• Ten good practices for writing Javascript in 2005
• Creating Accessible Javascript
• Introduction to the Document Object Model
• The Behavior Layer
• The DOM Event Model
• Presentational Javascript
• Unobtrusive Javascript
• Simple tricks for more usable forms

Tecniche Javascript

• DOM Image Replacement
• Direct Manipulation Using Javascript and CSS
• Proper Flash embedding: FlashObject Best Practices
• S5: A Simple Standards-Based Slide Show System
• Yellow Fade Technique
• sIFR 2.0: Rich Accessible Typography for the Masses
• Invasion of the Body Switchers
• ARC - Adam s Radio/Checkbox customisation
• Nifty Corners: miglioramenti e nuove funzionalità
• TILT: Table Injection for Layout Technique
• Image Replacement con Javascript

Il mio consiglio è di approfondire con calma i molti temi, risorse e link presentati, e di ritornare su questo articolo come se fosse una mini-reference. Alla prossima.

Altri articoli

Altre guide

Altre newsletter