HTML & CSS

IE6 — Gérer la transparence du format PNG 24 bits

Le format PNG autorise jusqu’à 256 niveaux de transparence qui ne sont pas pris en charge par Internet Explorer 6. La dégradation grâcieuse n’étant pas toujours possible, je me suis rafraichis la mémoire sur les différentes manières d’utiliser le filtre *AlphaImageLoader*. J’ai fini par tomber sur une solution globale pour gérer cette transparence même en présence d’un *background-repeat* ou d’un *background-position* ! (Cet article est en quelque sorte la suite de Opacité CSS et effet de trame avec GIF/PNG transparent.) →

HTML & CSS

Un seul fichier CSS pour cibler IE6 et IE7 avec les commentaires conditionnels

Les hacks CSS, c’est pas bien ; les commentaires conditionnels, c’est mieux. Pour autant, je ne vois pas d’inconvénient à utiliser quelques hacks à l’intérieur d’une feuille de style réservée à Internet Explorer à l’aide des commentaires conditionnels. En effet, pourquoi ajouter une requête inutile en ciblant chaque version de IE quand on peut régler le problème une fois pour toute ? →

Intégration web

7 liens utiles pour l’intégrateur web

Depuis que j’ai mis en place ma blogroll 2.0, je ne voyais plus trop l’intérêt des articles « En vrac », mais au vu du peu de liens sortants en provenance de cette liste de lecture, je me dis qu’un petit vrac de temps à autre ne peut pas faire de mal. Magnéto : un nouveau script pour régler les problèmes de transparence du format PNG dans IE6 et un autre pour faire des coins arrondis sans trop boursouffler le code HTML ; un détour par l’incontournable Smashing Magazine pour des astuces CSS de folie ; le lien vers LA ressource ultime pour le webdesigner (à part la grosse grosse liste, bien sûr…) ; l’essentiel à connaitre sur le nouvel avatar du back-office de WordPress 2.5 ; un plugin pour tranformer vos catégories ou vos pages en menu déroulant dans WordPress et une anecdote amusante (ou pas) sur les jeunots du web pour terminer… →

Navigateurs

Sont taquins chez WordPress ;)

Si vous utilisez le tableau de bord Admin de WordPress avec Internet Explorer vous avez droit à ce joli visuel vous mettant en garde contre l’utilisation d’un navigateur non sécurisé et vous invitant à switcher pour un monde meilleur 😉

Navigateurs

Firefox 2 refuse les câlins d’Internet Explorer 7 ?

A force d’ouvrir une palanquée de navigateurs sur mes deux écrans, j’ai découvert qu’il était possible de copier un onglet Firefox vers une deuxième fenêtre par glissé-déposé. Jusque-là rien de très étonnant, me direz-vous 😉

Ce qui est surprenant, c’est que le glissé-déposé d’onglets fonctionne également depuis Firefox (ou Flock) vers Internet Explorer 7.

En revanche, si IE7 accepte les câlins, ce n’est pas le cas de FF qui refuse toute tentative de rapprochement de la part de son rival.

Bref, si Firefox et Internet Explorer parlent « onglets » c’est à sens unique pour l’instant. Peut-être que Firefox 3 sera un peu plus sociable… ^_^v

Edit du 14/01/2007 à 10:32

A la lumière des commentaires
Eclairés de mes pairs,
Mon jugement je révise
Et déclare qu’IE7
Ne vaut pas tripette
Qu’on se le dise

HTML & CSS

Quelques notes sur XHTML et CSS, au fil de l’eau…

Le quotidien de l’intégrateur XHTML et CSS est parfois ponctué de vide *téléologique* concernant les bonnes balises à utiliser en fonction du type de contenu. J’ai longtemps cherché à produire un document-type pouvant servir à n’importe quelle commande. Hélas ! Chaque projet demande des réponses graphiques et structurelles ajustées. Néanmoins, je ne résiste pas au plaisir de partager avec vous, à l’occasion du 100^ème jour depuis la mise en ligne de css4design, une sorte de ~~medley~~ mashup de quelques thèmes liés à l’intégration web. Restez vigilant : malgré toute l’attention apportée à la rédaction de ce billet, il reste encore des traces d’humour sous le tapis de souris. →

Intégration web

Internet Explorer Developer Toolbar

Vous en avez rêvé ? ILS l’ont fait. Bon, pas de quoi se taper le c.. par terre, mais cet ensemble de fonctions rendra quelques services à ceux qui vont transpirer devant leur écran cet été en s’arrachant les cheveux pour comprendre les raisons qui ont poussé les développeurs d’IE à trainer la patte quand il s’agissait d’implémenter correctement ce que d’autres avaient conçu avec intelligence.

Parmis les fonctions apportées — et contrairement à ce qu’on peut lire parfois sur le sujet — il est possible de modifier les CSS à la volée via cette barre d’outils. C’est beaucoup moins pratique qu’avec la Developper Toolbar de Firefox, mais ça a le mérite d’exister.

Pour tester, faites un tour chez l’amicrosoft (et non, je n’irais pas jusqu’à leur faire de la pub) et n’oubliez pas : Sortez couvert.

Info trouvée sur le blog de siddh.

HTML & CSS

Commentaires conditionnels d’IE vs hacks CSS ?

Les différences de rendu entre les différents navigateurs sont le lot quotidien de l’intégrateur CSS : un léger décalage par ci, une largeur différente par là… et la tentation est grande d’envoyer paitre le dernier de la classe, au grand dam de la voix de la sagesse (souvent commerciale) qui vous prie de ne pas négliger 85% de ses clients potentiels… →

HTML & CSS

Trucs et astuces CSS

Cette page regroupe des trucs & astuces CSS que j’ajoute régulièrement : bookmarkez, blogmarker, favorisez, bref faites tourner… Si vous cherchez plutôt des exemples de design CSS plus complets, les billets présents dans cette page consacrée au design web avec CSS devrait vous intéresser 😉

Si vous avez vous aussi quelques astuces CSS à partager, n’hésitez pas à le faire dans les commentaires.

→