design

La parte più noiosa dello sviluppo web sta diventando sempre di più mettere d’accordo le varie versioni di Internet Explorer.

Per fortuna Microsoft mette a disposizione diversi strumenti gratuiti che aiutano a fare il debugging javascript e css su tutte le versioni di Internet Explorer.

Pietro Brambati sul suo blog ci spiega in italiano le nuove caratteristiche di IE8 per gli sviluppatori.

Inoltre oggi, non sapendo che css pigliare, ho chiesto lumi in merito alla web developer toolbar.

Senza tale strumento, ispirato chiaramente dalla estensione Firebug per Firefox, le cose andrebbero piuttosto male agli sviluppatori.

In risposta, Pietro Brambati mi ha consigliato le Virtual Machine per testare la compatibilità di Internet explorer su XP e Vista, ed Expression Web SuperPreview.

Tutti questi tool di Microsoft sono gratuiti e senza il controllo wga. Rimane da capire se SuperPreview può funzionare su Wine.

Non ho ancora testato nulla, ma conto di pubblicare buone notizie in futuro.

Per festeggiare l’estate, pubblico il nuovo Tuttlog.

Ci tengo a precisare che il tuttlog è il primo blog dedicato alla tuttologia, dopo sono nati gli tutti gli altri.

Ma torniamo a noi, tempo fa avevo promesso di spiegare come migrare il proprio blog da wordpress a drupal. Io l’ho fatto e vi lascio sulle spine. Ne parlerò nel prossimo articolo, completamente dedicato.

Oggi voglio festeggiare il solstizio d’estate. Si tratta del giorno più atteso dell’anno. Quello più lungo, oggi il sole bacierà i belli per il massimo del tempo che gli è concesso.

Oramai la notizia di un nuovo WordPress non interessa più nessuno. Comunque ieri è uscita la più recente: 2.5rc1.

Col supporto di grandi nomi del webdesign internazionale è stata modificata l’interfaccia sempre di più blog based.

Credo proprio sia giunta l’ora di passare a Drupal. Sul server di sviluppo ho già affinato la tecnica di migrazione. Appena sarà fatta anche in via definitiva vi spiegherò come migrare da WordPress a Drupal senza perdere articoli, pagine, commenti, utenti e tags.

Per un lavoro che si stà sviluppando con Drupal si è pensato bene di approfittare delle Yahoo User Interface CSs Grids, una specie di framework CSS che permette di realizzare layout “tableless” risparmiando tempo e senza doversi occupare di questo hint o quell’hack o quant’altri cheats per browsers.

Ho scritto tableless… brrr! Non mi son sbagliato infatti la più grossa critica che viene mossa contro questo sistema è la dubbia semanticità del codice che si deve produrre per ottenere i risultati voluti.

Come per ogni framework la risposta è si o no? E se sì, quale?

Lavorando al nuovo restyling del sito Gr.U.S.P. è sorta la necessità di stilizzare i numeri delle liste numerate in xhtml, il tag <ol> <li> per intenderci.

Subito ho trovato una soluzione piuttosto veloce, ovvero inserire un tag <span> all’interno del tag <li>. Ma semanticamente non è corretto, anzi si tratta proprio del lato oscuro della forza:

<ol>
<li><span>element</span></li>
 <ol>

Quindi, percorrendo la via Jedi, ho fatto appello alla forza del pseudo elemento :before definito nello standard di CSS2.

Mi sono letto la documentazione ufficiale, ed ho scoperto che tra le proprietà del pseudo elemento è possibile definire un un contatore.

<div class=”entry”>
<ol>
<li><span>element</span></li>
<ol>
<div>
<style>
.entry ol {
counter-reset: itemlist;
list-style-type: none;
margin-left: 0pt;
padding: 1em;
background: yellow;
}
.entry ol li:before {
color:#76B;
content:counter(itemlist, decimal) ” “;
counter-increment:itemlist;
font-family:Georgia,serif;
font-style:italic;
font-weight:bold;
}
.entry ol li {
list-style-type:none;
}
 </style>

Ovviamente Internet Explorer, che non è per nulla attinente agli standard, non gradisce queste finezze di linguaggio perché non è in grado di interpretare gli pseudo elementi.

Quindi subito dopo aver definito le regole CSS per le liste numerate le stesse devono essere azzerare nel codice xhtml, sfruttando i commenti condizionali di IE, in modo che tutti gli altri browser non siano intaccati.

In alternativa credo che sia possibile riprodurre l’effetto con javascript, ma è difficile che ne valga davvero la pena inserirlo.