Le rêve de beaucoup de graphistes se réalise malheureusement enfin.
Vestiges d'un CSS Guru
XHTML / CSS
Lien
→ blur.js : des fonds transparents floutés en JavaScript
Image 
J’ai remplacé le vieux syntax highlighter sur WordPress Le Tutoriel par celui-ci: highlight.js
Pourquoi ?
- Il n’utilise que 2 fichiers.
- Il détecte tout seul le language.
- Il propose l’exceptionnel thème Solarized.
Colonnes, marges et nth-child en CSS 3
Billet24 Jan
Mail d’une amie :
J’ai une colle pour toi :
1 – 4 colonnes de 240px => largeur totale 960px2 – je rajoute un margin-right de 5px et soustrais 5px de la largeur de la colonne => largeur totale 960pxEt pourtant dans le 2ème cas, visuellement la largeur totale est inférieure à 960px.How is it possible ?
Elle n’était vraisemblablement pas bien réveillée parce qu’elle connaissait la réponse, mais je vais développer la méthode ici pour ceux qui auraient des soucis.
Lien
→ Making Love to Webkit
Exceptionnelle utilisation des 3D Transforms en CSS3.
(Hyper fluide avec Chrome sous Mac OS X mais je ne l’assure pas partout).
WordPress : le Tutoriel pour créer un site de A à Z
Billet23 Nov
Après mon tutoriel CSS : l’Art et la Science, voici un tutoriel sur l’autre partie importante de mon expérience d’intégrateur : WordPress le Tutoriel.
Je considère mes connaissances comme étant open-source. Et, de peur de les voir perdues à jamais, je préfère les écrire et les faire partager gratuitement avec la communauté des intégrateurs que nous sommes.
Ce tutoriel WordPress vous aidera à créer vous-même votre propre thème WordPress, mais contient aussi un thème WordPress vide gratuit sur lequel vous pouvez vous baser.
CSS : l’Art & la Science
Billet19 Sep
Il est des connaissances que l’on veut transmettre telles qu’on les ressent. Celle des CSS que j’ai acquise au fil des ans est celle que je souhaite à présent léguer à travers une histoire peu commune mais très ludique.
Que vous soyez novice ou qualifié, l’Art & la Science saura je l’espère vous apporter un savoir mais aussi (et peut-être avant tout) une conception des CSS. Mon intention est de vous faire parvenir la perception clairvoyante d’une compétence vivante et expressive qui saura séduire celui qui l’embrassera.
Mario Kart en SVG
Billet26 Apr
Le SVG vous connaissez ? C’est des graphes vectoriels en XML. C’est cool parce que c’est du vecto et c’est donc scalable très facilement (j’avais fais des icônes en SVG une fois avec Illustrator pour un site mais ça marchait uniquement sous Opera). C’est pas cool parce que c’est chaud à mettre en place, les navigateurs le gèrent mal et ça peut être moche en taille réduite.
Sur tapper[ware), un gars (un malade), a fait une sorte de Mario Kart en SVG. Vous pouvez voir la démo ici (ça ne marche que sous Firefox). Bon, c’est pas vraiment un jeu, mais juste une démo pour simuler le très célèbre Mode 7!
PS : mon record du tour est de 8:28 sec.
CSS Naked Day!
Billet8 Apr
Aujourd’hui c’est le CSS Naked Day! Virez votre CSS et montrez nous votre code HTML pour voir si il est beau! Bon, j’ai raté les éditions précédentes. Mais avec mon nouveau thème, je voulais tenter le coup!
CSS Naked Day ? Kesako ?
The idea behind this event is to promote Web Standards. Plain and simple. This includes proper use of (x)html, semantic markup, a good hierarchy structure, and of course, a good ‘ol play on words. It’s time to show off your .
On April 9th, simply remove all CSS from your website, stripping it entirely of its design.
Le site sera sans CSS pendant 48 heures. En effet, c’est le 9 avril international, c’est à dire, à n’importe quelle endroit sur terre, pour n’importe quel fuseau horaire.
Tutoriel : formulaire 100% CSS3 sans image et sans JavaScript
Billet24 Mar
Je vous invite à aller lire le tutoriel complet sur le CSS que j’ai écrit.
Après avoir expliqué comment réaliser un bon formulaire HTML, pourquoi ne pas en réaliser un uniquement en CSS3 ?
Dessiner en HTML 5, c’est gagner
Billet17 Mar
Harmony est un outil simple et sympa, qui permet de dessiner dans son browser. Rien de bien méchant apparemment. C’est juste qu’il est en HTML 5 couplé avec des algorithmes en JS. L’auteur s’est beaucoup inspiré de Scribbler, l’équivalent en Flash.
Perso, je suis nul en dessin, mais Pulupulu sait y faire.
Il existe même une fan page Facebook avec pleins d’autres jolis dessins.
