blog

Vestiges d’un CSS Guru

Catégorie : XHTML / CSS

Billet

Colonnes, marges et nth-child en CSS 3

Mail d’une amie :

J’ai une colle pour toi :

1 – 4 colonnes de 240px => largeur totale 960px
2 – je rajoute un margin-right de 5px et soustrais 5px de la largeur de la colonne => largeur totale 960px
Et 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.

Lire la suite →

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

Billet

WordPress : le Tutoriel pour créer un site de A à Z

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.

Billet

CSS : l’Art & la Science

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.

Billet

Mario Kart en SVG

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.

Billet

CSS Naked Day!

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.

Billet

Dessiner en HTML 5, c’est gagner

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.