Articles de la catégorie "CSS / CSS3"

Le sélecteur d’adjacence indirecte est peu connu en CSS.
Arrivé avec la nouvelle mouture CSS3, ce sélecteur vous permet de sélectionner d’un seul coup tous les frères d’un élément ciblé répondant à un sélecteur précis.
Voyons voir avec quelques exemples comment l’utiliser et quels sont ses effets.

Cela remonte maintenant à plus d’un an et demi, un de mes premiers tutoriels paraissait dans le magazine Web Design HS n°5 dont le thème était similaire à celui-ci.
C’est probablement pour cela que ce Hors Série est considéré comme le Tome 2, abordant les thèmes du HTML, CSS et

Si vous êtes un habitué du blog, vous avez certainement déjà vu passer l’information sur ce plugin.
La mise à jour a été effectuée en début de semaine, mais je n’ai pas eu le temps de faire l’actu avant.

CSS3 nous apporte son lot de nouveautés, et parmi elles, un petit nouveau bien prometteur, et qui pourrait nous permettre pas mal d’économie de lignes de code.
Découvrons la pseudo-classe :any() ensemble, voyons comment il est possible de l’utiliser aux travers d’exemples plus ou

Un mois sans article ! Heureusement que les vacances me donnent une bonne excuse 🙂
Ce court article pour relayer un tutoriel diffusé sur Alsacréations qui vous permettra de créer un volet coulissant grâce à la pseudo-classe :target et à la propriété transition en CSS3.

Depuis l’arrivée des animations en CSS sur les différents navigateurs du marché, de nouvelles possibilités sont offertes aux webdesigners.
En comptant certaines propriétés de mise en style déjà reconnues par la plupart d’entre eux depuis des mois, il est facile d’imaginer

Floatera, floatera pas… mais pourquoi ne pas utiliser la valeur inline-block de la propriété display ?
Vous connaissez certainement les valeurs block ou inline, mais moins celle de inline-block et pourtant elle peut vous servir dans bien des cas.

CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1.
Les visuels que vous voyez sur la page de démonstration ne sont

A fond dans les couleurs en ce moment !
Petite ressource envoyée par Raphaël dans la journée de jeudi dernier (ouais l’article traine dans mes brouillons… s’il n’y avait que lui :p) : il s’agit qu’un éditeur de dégradé pour CSS3.

Depuis l’apparition des mobiles et la domination sur le monde de l’iPhone (non non c’est pas vrai, ne paniquez pas !), des alternatives à flash sont recherchées pour offrir au visiteur d’un site Web une expérience aussi intéressante, ou presque, que sur un site full flash.

Petite ressource du week-end trouvée durant la semaine par un collègue de travail (ouais moi je bossais, ce sont mes collègues qui ne sont pas sérieux :p) : des templates HTML/CSS/PSD pour vos emailing.

Beaucoup d’entre vous doivent certainement connaître le plugin Zen Coding, ou au moins avoir entendu ou lu ce nom quelque part.
Ce plugin vous permet de gagner en productivité et en zenitude sur les tâches les plus rébarbatives du travail d’intégration. Bien sûr il ne fait pas tout à votre place, il simplifie principalement la rédaction de tronçon de code.

Rien de bien grandiose pour ce petit billet, une simple information fournie par Simon qui me semble très intéressante pour ceux qui s’affairent à la veille sur HTML5 et CSS3.
Il s’agit principalement d’un listing de ressources trouvées sur la toile proposé par Dan Rubin.

Après l’annonce du pointage de nez de Firefox 4, c’est au tour de Microsoft d’annoncer la sortie de sa version Beta 1 d’IE9 !
L’actu est parue sur le site de la communauté d’Alsacréations (l’actu en question) reprenant les points importants de cette nouvelle.

C’est en parcourant un lien partagé par Raphaël hier dans la journée, que je me suis décidé à tripoter un petit peu de CSS et HTML pour améliorer le rendu de M. Chris Coyier.

Un évènement se prépare sur Alsacréations depuis quelques jours, et c’est aujourd’hui que la nouvelle apparaît !
Le CSS Refresh refait son apparition pour cette année 2010.
L’objet de ce concours ? Proposer un rafraichissement tant graphique que structurel d’un de vos sites web.

Andy Budd propose dans ce livre une méthodologie et une approche du travail sur les feuilles de styles. Loin de présenter une façon complète de maîtriser réellement les CSS, il invite au travail de présentation et d’organisation de ses documents sans donner de méthode absolue, mais plutôt expérimentée.

CSS3 est un tel changement pour la construction de page Web et de designs ergonomiques que son apport sur les navigateurs modernes ne cessent d’être retranscrit en JavaScript sur les (le ?) navigateurs plus anciens.
La solution que je vous présente aujourd’hui se nomme