En 2001 Internet Explorer 6 n’avait toujours pas intégré la transparence du format PNG pourtant sorti en 1995. Cette gestion de la transparence est une des fonctionnalités qui manquent le plus aux web designers… →
Allez, hop, un petit billet entre deux feuilles de style CSS pour partager quelques infos utiles à l’intégrateur web : dégradés transparent sur les titres, nouvelle référence HTML, du nouveau chez le navigateur Flock, se préparer à WordPress 2.5 du point de vue du blogueur et du développeur de plugins, Dotclear is back, OpenID comme à la maison, et tout pour monétiser votre blog dans les meilleures conditions. →
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… →
Le quotidien de l’intégrateur HTML est parfois ponctué de vide existentiel lorsqu’il s’agit de livrer des pages web compatibles avec la majorité des navigateurs dont la liste se divise grosso modo en deux groupes : ceux qui intègrent au mieux les standards recommandés par le W3C en matière de rendu CSS (Firefox, Safari, Opera et Konqueror, etc.) et les autres, principalement les versions 5 et 6 d’Internet Explorer. →
Le quotidien de l’intégrateur HTML est parfois assombri par la survenance de bugs plus ou moins gênants. Ces derniers jours, je me suis débattu avec un décalage de couleur entre une image au format png et un fond spécifié en hexadécimal. Et comme si ça ne suffisait pas, Internet Explorer et Firefox n’ont pas aimés que je débute l’intitulé d’un identifiant avec un underscore ! Pfff… Pour finir si l’utilisation de overflow: hidden pour clearer les float est une bonne idée, cette propriété peut avoir des effets de bord indésirables. Enfin, voyons ça de plus près : →
Pour obtenir un effet d’opacité sur un élément, il existe le format d’image PNG 24 bits qui accepte jusqu’à 256 niveaux de transparence. Malheureusement Internet Explorer 6 ne prend pas en charge cette intéressante caractéristique… Je vais vous proposer une méthode full CSS et une autre permettant d’utiliser des images GIF ou PNG transparentes de manière créative avec une page d’exemples à la clé.
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.
