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>.

Ceux qui ont testé Cat Print, mon dernier thème pour Wordpress, auront sans doute remarqué la barre de recherche assez originale. Rien de bien compliqué: deux trois images, un peu de CSS et un zeste d’inspiration.

Styler un bouton submit n’est pas toujours évident: Comme souvent avec les styles CSS, si l’on souhaite assurer une compatibilité cross-browser avec IE6, il faut prendre son mal en patience.
J’ai eu l’occasion d’étudier diverses techniques à ce sujet, voici celle qui me semble la meilleure.

Toute personne s’étant déja essayée aux joies des css et des standards web sait à quel point les problèmes potentiels sont nombreux. On à beau respecter à la lettre les recommendations du W3C, Internet Explorer (particulièrement les versions 6 et inférieures) à trop souvent un comportements étrange. Pour celà, les développeurs et intégrateurs ont inventé [...]