Area sviluppo Tesene

A List Apart ha pubblicato un interessante articolo con la spiegazione di come si fa ad ottenere un layout fluido su due colonne, in modo che questo sia visualizzato allo stesso modo su tutti i browsers fino a IE5, sebbene questo non sia più usato. In pratica, in questo modo si riesce a far vedere il sito allo stesso identico modo al 100% dei visitatori.

Il risultato finale è visibile qui. 

L'evoluzione rispetto a quanto pubblicato nel 2004 su altre fonti, consiste nella compatibilità con Internet Explorer 7.

Principalmente, il risultato è stato ottenuto con i seguenti accorgimenti:

• Specificare l'altezza e la larghezza del body come 100%
• Nascondere l'overflow negli elementi body e html
• Settare l'overflow ad auto per la colonna sinistra e destra, e nasconderlo per l'intestazione.
• Fissare le dimensioni dell'header
• Per la colonna sinistra, impostare le posizioni top, left e bottom come padding, quindi dargli una larghezza definita con unità di misura assoluta (es. 200px)
• Per la colonna destra, specificare le posizioni top, left, right, bottom tramite padding

come gentilmente segnalato da Ajaxian.

In definitiva, il layout fluido su due colonne viene visualizzato correttamente su IE5.0 IE5.5 IE6 IE7 Firefox 1.5 Firefox 2.0 Safari Opera

bgcolor = color. Imposta il colore di sfondo per il corpo del documento o per le celle della tabella

            DISAPPROVATO

align = left | center | right | justify. Specifica l’allineamento orizzontale del suo elemento rispetto al testo circostante. DISAPPROVATO

clear = none | left | right | all. Specifica dove dovrebbe apparire la riga successiva in un browser visuale. Tale attributo prende in considerazione gli oggetti fluttuanti. DISAPPROVATO

TT

            Riproduce come testo di telescrivente o a spaziatura fissa.

I

            Riproduce come stile corsivo del testo

B

            Riproduce come stile grassetto del testo

(more…)

Mike Chambers e gli sviluppatori di Adobe AIR hanno fatto un libro intitolato "Adobe Integrated Runtime (AIR) for JavaScript Developers Pocket Guide" pubblicato da Amazon ed è una guida sulla piattaforma Adobe Air indirizzata agli sviluppatori Javascript ben fatta, senza essere eccessivamente lunga (poco meno di 200 pagine), che per le pubblicazioni di questo settore sono niente e rilasciato con licenza Creative Commons.

Una copia in formato elettronico si  può trovare qui:

La guida copre i seguenti temi:

• Introduzione a AIR
• Primi passi con lo sviluppo in AIR
• Lavorare con Javascript e HTML in AIR
• AIR mini guida
• Strumenti a riga di comando
• Alias

 .

Altri esempi si trovano qui. 

La documentazione ufficiale di AIR degli Adobe Labs qui. 

E qui un forum su Adobe Air.

IMG
            Immagine

            Attributi:
            src = uri. Posizione di una risorsa immagine

            alt = text. Descrizione breve

            longdescr = uri. Collegamento ad una descrizione estesa dell’immagine

            name = cdata. Nome dell’immagine per l’uso da parte di script

            height = length. Ridefinisce l’altezza

            width = length. Ridefinisce la larghezza

            usemap = uri. Per l’uso con mappe immagine sul lato client

            ismap. Per l’uso di mappe immagine su lato server.

(more…)

Per ottenere dei risultati significativi i motori di ricerca seguono vari criteri tra cui anche scartare le pagine "civetta" che alcuni siti fanno apposta per catturare visitatori, oppure per ingannare i motori di ricerca.

In generale, vengono considerate illecite le pagine che cercano di ingannare visitatori e motori di ricerca senza aggiungere un reale valore al sito.

Di conseguenza, per permettere a chi fa i siti onestamente di ottenere la visibilità meritata, i motori di ricerca mettono a disposizione dei web masters le linee guida per fare in modo che i siti vengano compresi meglio nel loro siginificato e non vengano scambiati per pagine fraudolente.

(more…)

Continua la pubblicazione della guida veloce ai TAG HTML. Oggi parleremo di come inserire i collegamenti all'interno delle pagine web.

A
            Ancora

            Attributi:
name = cdata. Denomina l’ancora corrente in modo che possa essere la destinazione di un altro collegamento. Il valore di questo attributo deve essere un nome univoco. L’ambito di questo nome è il documento corrente. Condivide il medesimo spazio-nomi dell’attributo ID.

(more…)

TABLE
            Elemento tabella

            Attributi:
summary = text. Scopo/struttura per sintetizzatori vocali.

            width = length. Larghezza della tabella.

            border = pixels. Controlla l’ampiezza del bordo della tabella.

            frame = TFrame. Quali parti del bordo vengono riprodotte.

            rules = TRules. Filetti tra righe e colonne.

            cellspacing = length. Spaziature tra le celle.

           cellpadding = length. Spaziatura interna delle celle.

           align = left | center | right. Posizione della tabella rispetto al documento. Disapprovato.

(more…)

Continua la pubblicazione delle guida ai tag HTML; in questa seconda parte vedremo i tag utilizzati per la creazione di elenchi.

UL

            Elenco non ordinato

            Marcatore iniziale: obbligatorio, marcatore finale: obbligatorio

            Attributi:

type  =  style-information:  Questo attributo imposta lo stile di una voce di elenco. I valori attualmente disponibili sono pensati per programmi utente di tipo visuale. Disapprovato.

compact: Quando impostato, questo attributo booleano suggerisce ai programmi utente di tipo visuale di riprodurre l'elenco in una forma più compatta. L'interpretazione di questo attributo dipende dal programma utente. Disapprovato.

(more…)

Iniziamo oggi a pubblicare una breve guida all'utilizzo dei TAG HTML (Hyper Text Markup Language), il linguaggio di pubblicazione utilizzato nel Web. L'HTML è stato sviluppato con l'idea che ogni dispositivo (computer, palmari, telefoni cellulari, ecc) dovrebbe poter utilizzare le informazioni presenti nel web nonostante le differenza di browser utilizzati, risoluzioni e schermi, connessioni lente o veloci.

In questa prima parte vedremo quali sono i TAG utili per la formattazione del testo delle pagine web. (more…)