Come sopportare IE6 e vivere felici

Mercoledì 26 Novembre, 2008

Trovo sempre un certo "malore" quando affronto l'argomento "compatibilità tra i browser". Inoltre, e devo ancora capirne il vero motivo, tra tutti i browser che conosco quello più "antipatico" rimane sempre lui: Microsoft Internet Explorer 6! Purtroppo la release 6 di IE è ancora in circolazione e sono frequenti le segnalazioni di problemi nella visualizzazione delle pagine.
Un Web Developer deve quindi organizzarsi in modo tale da avere a disposizione tutti gli strumenti per il controllo e la verifica del proprio (sudato) lavoro su tutti i possibili browser (e piattaforme) disponibili. Microsoft Internet Explorer, più degli altri, rende questo compito più arduo in quanto - ad oggi - è necessario verificare le proprie pagine web sia con la più recente versione 8 (ancora in beta) sia con le precedenti versioni, come la 6 o la 5.5. Esistono vari modi per far convivere versioni diverse di Explorer (vedi Usare Microsoft Internet Explorer 6 e 7 contemporaneamente) ed in alternativa esistono anche ottimi (anche se un po' lenti) servizi online.

image

Un'altra ottima possibilità, che funziona bene su Windows Vista, è rappresentata da IETester, un'applicazione completamente gratuita e realizzata dagli stessi sviluppatori di DebugBar e Companion.JS. IETester, nonostante sia ancora in beta e con qualche crash in agguato, permette rapidamente di verficare le nostre pagine - contemporaneamente - sia su IE5.5, IE6, IE7 e IE8 beta.

Patch CSS

Se grazie a IETester riusciamo a scovare un difetto negli stili, cioè un'interpretazione diversa tra IE6 e IE7, o IE6 e FireFox, ad esempio, trovata la soluzione dobbiamo far in modo che solo IE6 usi la nuova definizione. A me, ad esempio, è capitato con un margine! Avevo una classe che impostava il margine destro a 28px e, su tutti i browser, il risultato era identico, tranne che con IE6! Su quest'ultimo, per rendere il layout identico, dovevo usare un valore di 8px.
Un modo assai semplice, facile da ricordare ed estremamente immediato per risolvere il problema, è quello di "sovrascrivere" il nostro stile caricando un diverso file ad hoc solo se il browser è il - temuto - IE6:

CSS:
  1. /** ___ file ie_override.css
  2. * uso questo file per sovrascrivere uno stile
  3. */
  4. div.mystyle{margin-left:8px}

HTML:
  1. <!-- stili per tutti i browser -->
  2. <link rel="stylesheet" href="css/style.css" type="text/css">
  3. <!-- stili solo per IE6 -->
  4. <!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="css/ie_override.css" /><![endif]-->

Post correlati

Wacom: editing grafico con le tavolette-display 2.0

Martedì 8 Gennaio, 2008

CintiQ

Una rivoluzione, finalmente, nel campo dell'editing grafico. Wacom presenta un'interessante soluzione che fonde una tavoletta grafica con un sistema touch-screen. Avendo anch'io una tavoletta Wacom, che ormai uso quotidianamente al posto del mosue, apprezzo moltissimo questo passo avanti (la prossima spesa che farò ;)). Attualmente io uso una Intuos3 formato A5, perfettamente integrata sia in Windows Vista che nei software di sviluppo che uso, come Adobe Photoshop CS3 e Flash CS3. Spesso mi è capitato anche di usarla semplicemente per scrivere una mail, grazie al software di riconoscimento della calligrafia presente in Windows Vista:

Riconoscimento calligrafico

La nuova serie CintiQ, Interactive Pen Display, si presenta con caratteristiche davvero interessanti:


1.024 livelli di sensibilità alla pressione

Sensibilità all'inclinazione
Inclinate il dispositivo di immissione dati in qualsiasi direzione per creare tratti di penna, pennello e gomma dall'effetto naturale.

Riconoscimento della rotazione
Alcuni dispositivi di immissione dati, ad esempio il nuovo Art Marker, sono ruotabili attorno al proprio asse: grazie al riconoscimento della rotazione, il Cintiq è in grado di rilevare questa rotazione e, nelle applicazioni appropriate (ad esempio in Painter 9) di trasformarla in pennellata ruotante.

Tool ID
Con il Tool ID (ID strumento) è possibile programmare e configurare individualmente ogni dispositivo di immissione input Cintiq per qualsiasi software. Le impostazioni memorizzate vengono attivate automaticamente nel momento in cui viene avviato il software.

ExpressKeys
Gli ExpressKeys sono una serie di tasti disposti lungo il lato sinistro e il lato destro della superficie attiva. Potete assegnare agli ExpressKeys le vostre combinazioni di tasti o macro preferite, dopodiché potrete dimenticare la tastiera.

Touch Strip
Con la nuova Touch Strip è possibile eseguire operazioni spostando il dito direttamente sulla tavoletta, come sul touchpad di un computer notebook: ad esempio ingrandire e ridurre le dimensioni delle immagini oppure scorrere documenti o editor PDF spostando semplicemente il dito.

Gomma
Correggere gli errori non è mai stato così facile: basta capovolgere la penna e cancellare!

Senza cavo né batteria
Tutti i dispositivi di immissione dati funzionano senza cavo e senza batteria: la necessaria alimentazione viene fornita dalla tavoletta.

Installazione Plug & Play
Il sistema Cintiq si installa facilmente e rapidamente ed è compatibile con tutte le vostre applicazioni software.

Tecnologia della penna Wacom
La tecnologia delle penne senza cavo e senza batteria sinonimo di un prodotto affidabile e di alta qualità, che richiede un assoluto minimo di manutenzione. Il tecnologia garantisce un alto livello qualitativo dei prodotti dell'azienda leader nel settore delle soluzioni di immissione dati basate su penna.

Wacom CintiQ

Questa soluzione potrebbe rappresentare il futuro dell'interazione tra uomo e PC, un fantastico ibrido tra un touchscreen e una tavoletta, che segue la direzione giusta a vantaggio dell'usabilità e accessibilità. L'era del mouse è davvero al tramonto?

Post correlati

Windows Vista con Intel core2 quad core e 8Gb RAM

Sabato 1 Dicembre, 2007

Core 2 Quad 2.4GHz 8Gb RAM Ho cambiato postazione di lavoro, dopo varie avventure, ed ora sono il felice possessore di un Intel core 2 quad a 2.4GHz con ben 8 Giga di RAM: una vera bomba! Tuttavia, almeno a me, capita sempre di avere qualche sfortunato inconveniente. Montato il PC la tastiera PS/2 scrive un tasto si e uno no, anche da BIOS! Mistero... Problema risolto con l'acquisto rapido di una tastiera USB.
Avendo acquistato Windows Vista inizia il "piccolo" calvario della messa in rete. Risolto anche questo con l'acquisto di un modem a parte (il modem Sagem fornito da Telecom non funziona con Windows Vista) e con il sempre prezioso aiuto di Yuma. I problemi con il sistema operativo, poi, probabilmente non sono ancora finiti. Ho avuto una serie di difficoltà nella re-installazione di tutto il software che avevo sul precedente Windows XP. Alcune prodotti funzionano in modo differente anche se il 90% del software sono riuscito ad installarlo senza troppi problemi. Internet Explorer 7 l'ho abbandonato definitivamente, impostando il buon FireFox come browser predefinito (per questioni legati alla mia attività, tuttavia, mantengo sulla macchina sia Internet Explorer 7, Opera e Safari). La nuova gestione della protezione di IE7, infatti, ne impedisce di fatto l'uso. I Feed RSS, ad esempio, non possono essere letti! Sarebbe forse il caso, come dichiarato dal CEO di Mozilla, che Microsoft dismettesse definitivamente la tecnologia Internet Explorer, facendo un favore al mondo intero.

Comunque sia eccomi qui pronto nuovamente a lavorare... ;)

Post correlati

Creare un RSS Reader in PHP e Javascript

Giovedì 25 Gennaio, 2007

Visto che siamo su un Blog (Weblog) e lo scambio di file RSS è diventato uno standard, ecco alcuni semplici estratti di codice utili per manipolare Feed-RSS.
Sappiamo tutti che i file RSS sono - alla fine - dei semplici file testuali che rispettano lo standard XML. Ne deriva che manipolarli non è poi così complesso.

La prima classe che presentiamo, in PHP, permette di "leggere" un file RSS da qualsiasi indirizzo, permettendo di elaborare il risultato e di riproporlo da qualsiasi parte. Continua a leggere... »

Post correlati