Lorsque j’ai reçu l’information, je me suis dit… “Un site de screenshots de plus”. Mais non, Xenocode vous permet de télécharger une version “statique” de tous les browsers actuels. Un seul .exe, pas d’installation, vous le lancez et ça marche ! Cerise sur le gâteau, les versions de IE sont toutes fournies avec la Developer Toolbar !

C’est Noël avant l’heure… Il ne manque plus qu’un équivalent Mac ou Linux qui permettrait de se passer définitivement de Parallels ou autre machine virtuelle, à quand Xenocode pour Crossover ?

Eureka ! Voici un nouveau hack qui permet de conserver la position des backgrounds en PNG32 sous IE6. Je n’ai pas examiné la chose en détail mais l’auteur explique qu’il utilise le langage VML pour arriver à ça. Pourquoi “fin” ? Parce que ça arrive malheureusement un peu tard, IE6 étant enfin (je croise les doigts) en fin de vie.

Le site de l’Ancienne Belgique fait peau neuve. Très sobre, très “2.0”, j’aime beaucoup ! L’agence qui a développé le site explique sa démarche (there is seulement eine “Nedeerlands Versie” mais vous comprendrez les schémas ;-)).

Patterntap, une excellente mine d’inspiration pour la plupart des éléments constitutifs d’un site.

Pattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the design tap for your next inspiration need.

Thanks Christian!

Long time no see!

Mais je pense avoir découvert un nouvel “holy hack” pour IE6.

Voici le cas de figure : un élément en position absolue n’apparait pas sous IE6 alors que son “HasLayout” est déjà à -1, celui de son parent aussi.

Via la developer toolbar, vous tentez à tout hasard d’appliquer une propriété height à l’élément incriminé… Et bingo, il apparaît !

Vous vous empressez donc de définir la même hauteur via la feuille de style, vous rechargez la page et… rien. L’élément est toujours invisible.

C’est typiquement la situation où l’élément ne va réapparaitre que si vous manipulez l’élément en temps réel via un JavaScript, par exemple document.getElementById(‘mon_element’).style.height = ‘100px’; éxécuté en bas de page résolverait le problème, mais vous ne voulez pas vous embarquer dans un tel bricolage.

Et bien, figurez-vous qu’il existe une propriété CSS qui permet de faire apparaitre normalement l’élément récalcitrant : filter.

En effet, définir filter: none sur l’élément résoud votre problème !

Merci IE6…

Update : Je me rends compte que height: expression(‘0’); permet aussi de résoudre le problème, cela semble assez logique car filtres et expression interviennent en temps réel sur l’élément…

Update bis : appliquée sous IE7 et IE8, cette technique supprime tout antialiasing des textes qui seraient contenus dans l’élément concerné.