La réputation des blogs pour accrocher les lecteurs, les moteurs de recherche en général et Google en particulier n’est plus à faire. Les raisons sont à la fois éditoriales et techniques. Dans ces conditions, le lancement d’un blog d’entreprise semble idéal pour établir une relation privilégiée avec les internautes Lire la suite
Background
Quelques notes sur la bibliothèque Javascript IE7 de Dean Edwards
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. Lire l’article »
Publié le 28 janvier 2008 par Bruno Bichet. 21 commentaires »
Background CSS : des fonds hachurés avec la “positive attitude”
<
p>
Les fonds de page web hachurés sont particulièrement appréciés des webdesigners pour une raison double : les zébrures donnent de la vibes aux pages web tout en conservant un ratio poids/agrément des plus satisfaisant, vu qu’il s’agit d’un motif de petite taille (généralement quelques pixels) qui se répète sur tout ou partie de la page. Lire l’article »
Publié le 16 janvier 2008 par Bruno Bichet. 9 commentaires »
Menu HTML et CSS, sliding doors et item current en PHP
Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP. Lire l’article »
Publié le 7 mars 2007 par Bruno Bichet. 25 commentaires »
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. Lire l’article »
Publié le 12 octobre 2006 par Bruno Bichet. 8 commentaires »
Background CSS avec motifs double-fond…
… et effet d’opacité multiple sur le texte et les images
La création de motifs répétés est un plaisir de chaque instant dont je ne me lasse pas. Quelle joie de remplir un grand espace avec une image de quelques pixels… Oui, mais c’est parfois un peu… trop répétitif, tout ça. Et si nous faisions en sorte d’avoir un motif un peu plus riche pour le haut de la page, tandis qu’un autre remplirait le reste de la fenêtre en étant raccord avec le premier ?
Publié le 29 juillet 2006 par Bruno Bichet. 5 commentaires »
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.
- La feuille blanche
- Raccourci pratique pour les bordures CSS
- Transparence
- Commentaires conditionnels d’IE vs hacks CSS
- Barre de défilement et décalage d’une page centrée
- Centrer un bloc horizontalement et verticalement dans la fenêtre du navigateur
- Centrer un bloc horizontalement dans la fenêtre du navigateur
- Modifier les caractéristiques des liens avec LoVe HAte
Publié le 21 juin 2006 par Bruno Bichet. 5 commentaires »








Comment remplacer les gestionnaires d’événements présents dans une page web en redéfinissant le comportement onclick, onmouseover… des éléments XHTML ? Tout simplement en utilisant la magie du DOM et de Javascript. Généralement, lorsqu’on veut appliquer une fonction sur un élément XHTML (ouvrir un popup lorsqu’on clique sur une image, par exemple), on utilise une fonction popup() déclenchée par un événement onclick placé dans la balise comme ici : <img src=”/img1.gif” onclick=”popup()” />. C’est parait simple, efficace et rapide… Or, ça peut vite devenir compliqué, inefficace et lent…
Exercice de style CSS et HTML : table vs div
Publié le 26 octobre 2006 par Bruno Bichet. 7 commentaires »