Tag : css

Snippet : Transitions CSS3

Voici un bout de code permettant d’effectuer une transition ( CSS3 ) fluide entre les états d’un élément ciblé : hover, active, focus … a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } Un snippet à garder sous le coude Edit : pour des raisons [...]

Super Mario – Javascript et CSS

En une soirée d’hiver, ou presque, j’ai monté une petite animation, extraite de Super Mario, uniquement en Javascript, CSS (Et quelques sprites). Pour « jouer », c’est très simple, pressez la touche droite ( ou gauche ) de votre clavier. Attention, c’est très simple, pas factorisé, plutôt une preuve de concept, et principalement de l’autosatisfaction Découvrez Super [...]

CSS3 pour les Web Designers

Après l’excellent HTML5 for Web Designers, A Book Apart récidive en éditant CSS3 for Web Designers, un livre de Dan Cederholm sur les nouveautés du CSS3. Articulé autour d’un site exemple plein d’humour, l’auteur nous fait découvrir certaines des nouvelles proprietes et techniques autour du CSS3, et nous invite à un enrichissement de l’expérience utilisateur, [...]

Compresser et ranger son CSS avec PHP.

Voici une méthode permettant de compresser des CSS, que j’utilise depuis quelques mois. Elle répond à plusieurs impératifs : Réduire le nombre de CSS chargés au minimum, pour économiser les requêtes HTTP. Permettre de créer des fichiers CSS à la volée, sans code php à l’interieur, et de les diviser le plus possible. Compresser le [...]