Area sviluppo Tesene

Dirk Jesse ha fatto un nuovo strumento per fare layout flessibili con qualsiasi numero di colonne con i fogli di stile. 

Il layout builder si trova all'indirizzo: http://builder.yaml.de/ 

In pratica, si costruisce con un wizard fatto in javascript che sfrutta il Drag and Drop, il layout che si desidera ottenere, quindi una volta fatto si clicca su "Get the code" e si ottengono 

• il file HTML col DocType desiderato;
• il foglio di stile
• il foglio di stile con gli hacks per IE fino alla versione 5.5

Un elemento particolarmente carino di questo strumento è la possibilità di definire con precisione le dimensioni minime e massime del layout e come questo si deve comportare quando si ridimensiona la finestra del browser, oltre all'ordine con cui devono essere scritte le colonne per essere lette dai non vedenti con screen reader.

Il codice che si ottiene poi è estremamente pulito e facilmente comprensibile per chiunque, in particolare se si vogliono fare layout su due colonne o layout su tre colonne.

iGoogle, sarebbe il servizio che prima veniva chiamato "Homepage personalizzata di Google", ed è la possibilità di personalizzare la pagina iniziale di Google, aggiungendo dei feeds e dei gadgets simili a quelli di Google Desktop.

Tesene ha quindi deciso di rendere disponibili i contenuti di questo blog anche su iGoogle, in modo da permettere di avere sempre visibili gli aggiornamenti, senza dover visitare ogni volta il sito completo.

Aggiungi "Area sviluppo Tesene" alla tua Homepage di Google

E' uscita la versione 1.1.4 di JQuery, che oltre a portare nuovi miglioramenti di prestazioni è l'ultima prima della versione 1.2 il cui lancio è previsto tra circa un mese.

E' stata finalmente pubblicata la versione definitiva del Dojo Toolkit 0.9.
Questo ha comportato una completa ristrutturazione del Toolkit rispetto alla versione 0.4, con una totale reingegnerizzazione del toolkit. In pratica, ora il "core" è sempre lo stesso, e non dipende dai moduli che vengono utilizzati e le dimensioni e la velocità sono state nettamente migliorate per portarlo con le prestazioni in linea con gli altri strumenti di sviluppo analoghi.

Inoltre, è stata operata una suddivisione logica tra gli elementi logici e quelli che riguardano la gestione della grafica, che è in alcuni casi davvero notevole.

Da notare anche che è prevista la pubblicazione di un ebook ufficiale gratuito, per insegnare agli sviluppatori ad usare la nuova versione del Toolkit.

A questo punto, una versione 0.9 ancora non la userei per lavori di produzione, però può iniziare valer la pena di perdere un po' di tempo a vedere come funziona. 

Da ora, chiunque potrà aggiungere le Google Maps ai propri siti o blog semplicemente copiando ed incollando un codice HTML messo a disposizione sulla pagina della Google Map, in modo analogo a quanto avviene per i video di YouTube.

In pratica non ci sarà più bisogno di registrarsi per ottenere la Google API key e neppure di conoscere Javascript.

Ora sarà sufficiente visualizzare la mappa che si vuole pubblicare, quindi cliccare su "Collegamento a questa pagina" e copiare e incollare l'HTML sul sito o blog su cui si vuole mettere.

Questa operazione si può fare per una mappa, la ricerca di un'attività commerciale o una indicazione stradale e la mappa risultante sarà completamente interattiva, come l'originale.

Alcuni possibili utilizzi sono i seguenti:

• i proprietari di attività commerciali potranno segnalare la propria attività semplicemente, con tanto di indicazioni per arrivarci
• i bloggers possono scrivere di posti in cui sono stati ed includere una mappa del posto descritto
• chiunque può aggiornare il proprio sito personale pubblicando mappe geotaggate di dove hanno fatto le foto o anche fare mashups utilizzando gli strumenti messi a disposizione da Google.

Contrariamente al solito, questa nuova funzionalità è a disposizione degli utenti di praticamente tutto il mondo e non solo quelli che si collegano dagli USA.

Grandi aziende come Google hanno migliaia di programmatori per poter curare nei minimi dettagli le interfacce delle loro applicazioni Web, anche sfruttando degli hacks degli standard e dei browser, per ottenere alla fine un risultato che massimizzi l'usabilità per l'utente.

Nel caso specifico, vediamo un layout a tabella, in cui il contenuto di una colonna vada in overflow in modo controllato senza incasinarsi quando si ridimensiona il browser.

Questo è quello che succede nelle colonne subject di GMail.

Il trucco sta tutto nell'usare un table-layout fixed nella definizione del CSS per la tabella nel suo insieme, quindi specificare solo la larghezza delle colonne che non devono avere l'overflow nascosto e mettere l'overflow: hidden nel css relativo alle celle.

.grid { table-layout: fixed;}

.grid * td {   empty-cells: show;   overflow: hidden;   width: 100%;}

Grazie a opencomponentry per la segnalazione

Adobe ha rilasciato una nuova versione di Flash in versione beta (scarica dagli Adobe Labs). La principale novità è il supporto alla tecnologia H.264, uno dei formati più popolari nel campo dei Codec e supportato massicciamente da Apple nei suoi prodotti e nei suoi servizi. Il nuovo Flash ha il nome in codice di "Moviestar" non a caso.

Grazie ad H.264, il player aumenterà in maniera sensibile la qualità del video rispetto all'attuale versione 9. In termini pratici, come dice la stessa Adobe, sarà possibile distribuire filmati in alta definizione usando la tecnologia di streaming resa popolare da Flash. H.264 è impiegato sia da Blu-ray che da HD DVD come sistema di encoding e che grazie ad esso è anche possibile distribuire audio in qualità eccellente.
Tra le altre novità anche il supporto all'accelerazione hardware, quasi indispensabile vista la risoluzione che dovrà fornire. A questo si aggiungono il supporto per il formato Audio AAC ad alta efficienza (HE-AAC), il supporto multicore per il rendering vettoriale, la cache per i componenti più utilizzati ed il supporto per Microsoft Active Accessibility (MSAA) nella versione per Windows.

Questa innovazione è importante sotto vari punti di vista:

• Il nuovo formato video sarà disponibile anche per gli sviluppatori della piattaforma Air;
• H.264 è un formato di compressione standard, e quindi sono noti sia gli algoritmi di compressione che le specifiche;
• Flash Player è installato sul 98,7% dei computer che accedono alla rete, e quindi i filmati in questo formato saranno visibili praticamente da tutti gli utenti.

(more…)

Questa vuole essere una guida informativa per dare un'idea di che cos'è questo fenomeno che gode di ampia considerazione nel mondo anglosassone e non un tutorial per utenti esperti.

Cos'è Twitter?

Twitter è una piattaforma di messaging multimodale. In parole povere, gli utenti di Twitter possono spedire e ricevere brevi messaggi tramite il Web, gli SMS client di instant messaging o applicazioni di terze parti (ad esempio queste).

(more…)

In questa ultima parte ci occuperemo della gestione dei moduli e dell'inserimento di script.

MODULI

FORM
            Modulo interattivo.

            Attributi:
action = uri. Questo attributo specifica un programma di elaborazione del modulo. Il comportamento dei programmi utente per un valore diverso da un URI HTTP è indefinito

method = get | post. Questo attributo specifica quale metodo HTTP sarà usato per inoltrare l'insieme dei dati del modulo. I valori ammessi (maiuscolo-indifferenti) sono "get" (il predefinito) e "post"

enctype = content-type. Questo attributo specifica il tipo di contenuto usato per inoltrare il modulo al server (quando il valore di method è "post"). Il valore predefinito per questo attributo è "application/x-www-form-urlencoded". Il valore "multipart/form-data" dovrebbe essere usato in combinazione con l'elemento INPUT, type="file"

(more…)

Yahoo ha aggiornato il suo servizio Yahoo! Local local.yahoo.com. Maggiore usabilità, appeal e immediatezza all’insegna del web 2.0.

Stavolta sembra essere partita con il piede giusto e prima di Google. Lo fa con l’arma della semplicità e della facilità d’uso. Caratteri grandi, tabs con info sulla città (al momento il servizio funziona solo per gli USA), store delle ricerche local, listing delle sezioni per popolarità, eventi, mappe e “buzz”.

Yahoo Local punta molto proprio sul social e sui contenuti che gli utenti sono in grado di creare, oltre a informazioni sul traffico, su hotspot wi-fi e suggerimenti per il week-end. Yahoo sta tentando di utilizzare al meglio il proprio vantaggio nei confronti di Google: il numero di utenti registrati e le loro informazioni. 

Da notare anche l'esperimento fatto in India con il servizio OurCity ourcities.yahoo.in

Malgrado la localizzazione indiana, il sito è scritto per la maggior parte in Inglese, sebbene non manchino le informazioni scritte in lingua indiana. 

Ad occhio, sebbene io non conosca la seconda lingua, mi sembra un esperimento ancora più evoluto di Yahoo! Local, confermando l'alta tecnologia informatica presente in India. 

Our city, ha un aspetto graficamente più complicato rispetto a Local, cosa che personalmente mi piace in quanto sembra più proefessionale ed anche maggiormente integrato con il Web 2.0 quali Blog e Flickr. Per gli addetti ai lavori, un mashup interessante.

Per il resto del mondo ricordiamo che c'è Yahoo! Travel travel.yahoo.com  che fornisce comunque una buona quantità di informazioni.

Dopo un periodo di downtime OSWD è finalmente tornato online.

OSWD, il cui nome per intero è Open Source Web Design, è un sito che raccoglie template utilizzabili liberamente per la creazione di siti web; attualmente ci sono circa 1300 modelli disponibili, ricercabili in base a vari criteri. Può essere utile perché ad ogni templato sono associati dei commenti ed inoltre, essendo open source, è dedicata molta attenzione alla compatibilità cross-browser.

Più che per i templati in sé, che possono anche essere non particolarmente belli, può interessare anche per vedere quali sono le soluzioni che vanno di moda in questo settore e per vedere se c'è qualche novità nel blog associato.