Darklg Blog

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

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

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, [...]

J’utilise depuis quelques mois un système de grilles léger et efficace : Le 1kb CSS GRID. Malheureusement, la version proposée sur le blog demande une reconfiguration cas par cas, et la version générée par le site dédié, demandait un retour au site pour chaque nouveau projet. J’ai donc décidé de monter un bout de code [...]

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