Hello, I’m Vinch

And this is my website.

En vrak – 8

01/31/07

This post is more than 10 years old. It might not reflect my current skills and convictions.

En vrak et en retard ūüėČ

* Portrait de quelques hackers célèbres sur Journal du Net.
* Un floril√®ge de ressources tournant autour des polices de caract√®re. L’article est en italien et la plupart des liens sont en anglais, d√©sol√© :-S
* Mon petit tutorial √† propos des nuages de tags en PHP/MySQL a connu son petit succ√®s. Il est cit√© sur Nexen et a eu la chance de figurer sur la page d’accueil de Scoopeo (merci √† ceux qui ont cliqu√©) ūüėČ
* Une excellente vidéo : le documentaire fiction sur la mort des blogs (en 2010)
* Minority Report commence √† devenir r√©alit√© ! Tout d’abord, avec ce grand √©cran tactile et ensuite avec cette pub personnalis√©e pour la Mini.
* Une nouvelle bonne id√©e : Plan√®te accessibilit√©, un agr√©gateur qui recense toutes les news √† propos de l’accessibilit√©.
* Miss YouTube : Melissa Theuriau. En Belgique, on n’a pas M6 (sur le cable en tout cas) ! Snif…

Easter Egg

01/31/07

This post is more than 10 years old. It might not reflect my current skills and convictions.

Finalement, le look √† la Tom Selleck, √ßa ne me va pas si mal…

De l’opacit√© qui fonctionne sur (quasiment ?) tous les navigateurs !

01/31/07

This post is more than 10 years old. It might not reflect my current skills and convictions.

Sur l’ancienne version de vinch.be, j’utilisais de l’opacit√© sur quelques blocs pour am√©liorer l√©g√®rement le look g√©n√©ral du site.

J’avais √† l’√©poque cr√©√© un page sur laquelle j’expliquais comment j’avais fait pour que ce soit visible de la m√™me fa√ßon sur tous les navigateurs. Comme cette page a aujourd’hui disparu, et en attendant CSS 3, voici un rappel de la fa√ßon de proc√©der…

Le bloc qu’on veut rendre opaque √† 50% a l’identifiant foo. Dans le fichier CSS, on a donc :

#foo {
    opacity:0.5;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(opacity=50);
}

* opacity est la future propriété CSS 3, qui fonctionne déjà sur quelques navigateurs, dont Opera.
* -moz-opacity fonctionne sur les navigateurs dont le moteur de rendu est Gecko, comme Firefox, Camino, Flock, etc.
* -ktml-opacity fonctionne sur les navigateurs dont le moteur de rendu est KHTML, comme Konqueror, Safari, etc.
* la dernière propriété fonctionne uniquement sur le navigateur de Microsoft.

J’ai cr√©√© un exemple simple sur cette page.

Si vous √™tes un puriste, √©vitez d’utiliser ce m√©canisme, car cela menera in√©vitablement √† des erreurs de validation CSS.

* Pour en savoir plus sur l’opacit√© : Transparence des images et navigateurs
* Pour en savoir plus sur les moteurs de rendu des navigateurs : Petite étude sur les moteurs de rendus (layout engines)