L’adoption générale de la norme CSS3 par tous les navigateurs (même Internet Explorer s’y mettra aussi…), est une bonne nouvelle pour tous les web designers, amateurs ou professionnels. Cet article expliquera pourquoi, et présentera quelques-unes des méthodes CSS3 les plus utiles. La procédure classique du WebDesign commence généralement par la réalisation d’un prototype sous Photoshop [...]

Comme je viens de l’expliquer en détails dans les articles précédents, le soucis avec le webdesign c’est la compatibilité entre les navigateurs et donc l’obligation de détecter le navigateur pour adapter le rendu. Maintenant il faut pouvoir tester le rendu sur différents navigateurs. 1- Utiliser les bons outils pour tester le rendu Chaque web designer [...]

Nous avons vu précédemment comment détecter le navigateur à l’aide de PHP et de jQuery. Cet article prolonge l’examen de ce sujet en proposant une approche plus pratique car tournant sur un bug bien précis et particulier à Internet Explorer 7. 1- Améliorer l’utilisation de jQuery L’article précédent expliquait comment définir des styles différents pour [...]

Toute personne ayant tenté de coder ne serait-ce que la plus simple des pages Web a forcément rencontré le cauchemar absolu en matière de Webdesign : les différences de rendus entre les navigateurs. Cet article présente les diverses techniques pour résoudre ce problème par la détection du navigateur. Nous avons tous connu la satisfaction d’avoir [...]

Le menu déroulant de la première partie était accessible, valide, sémantique. Malheureusement, il est également assez terne. Il est temps d’améliorer son apparence grâce notamment aux nouveautés CSS3. Avertissement : Les techniques utilisées ici ne sont généralement utilisables que sur les versions des navigateurs les plus récents. Peu ou aucune d’entre elles ne sont donc [...]

Réaliser un menu déroulant est une des techniques de base que tout bon développeur web doit apprendre car c’est un exercice qui permet de toucher à plusieurs aspects et fonctionnalités des différentes technologies en œuvre. Dans cette série d’article, je vous guiderai à travers un chemin qui nous mènera de la création d’un simple menu [...]

Les css – feuilles de style en cascade – proposent de très nombreuses possibilités pour le rendu visuel de votre site web. Après mes listes sur les meilleurs scripts Javascript pour sublimer votre site, je vous propose les meilleurs codes css trouvés sur le web. Au menu: Graphiques, coins arrondis, galeries photos…

Si vous êtes développeur ou intégrateur web, il vous arrive certainement souvent de vouloir regarder le code css d’un élément précis sur une page trouvée au hasard du web. Avant, il fallait utiliser le web developper de Firefox pour repérer la classe de l’élément, puis faire une recherche dans la feuille de style. Désormais, un simple clic sur le bouton xray et vous pourrez voir la totalité des détails liés à l’élément, tel que les propriétés css et l’héritage de l’élément.

A la sortie de la dernière version de son navigateur, Microsoft avait prévenu que le bon vieux hack consistant à insérer un underscore devant le nom de la propriété CSS que l’on souhaitait voir appliquer uniquement par Internet Explorer ne fonctionnerait plus avec IE7, ce qui est effectivement vrai.
Pourtant, il existe un hack relativement méconu et au effets semblables: Appliquer seulement une propriété à IE, version 7 cette fois-ci.

Voici deux techniques pour rendre vos titres et entêtes (h1, h2, etc) plus beau et originaux. La première concernera un effet de dégradé sur le texte, quand à la deuxième, elle nous permettra de styliser nos balises de titres grâce à l’emploi de la balise <span>.