Goto CSS3 › Ouverture du blog !

C'est à nous de se présenter ! Nous sommes deux intégristes Html, l'un professionnel, l'autre amateur, tous deux suivant avec un grand intérêt l'arrivée du CSS3.

Gotocss3 ?! Kézako ?

Contrairement aux apparences, ce site n'a pas vocation d'être dédié à la documentation ou à l'actualité du CSS3. En fait c'est un carnet de note, plus utile pour nous que pour vous : une sorte de feuille de route pour le développement d'un script d'interprétation du CSS3 : CSS3 Layout. Le but de ce script étant de permettre l'utilisation du CSS3 sur des navigateurs qui ne le supporteront jamais mais qui seront toujours présent : Des navigateurs fantômes tel Internet Explorer 6, qui n'en doutons pas survivra à tous nos navigateurs actuels et futurs...

Css3layout

Comment ça marche ?

Le script est proposé en Javascript non intrusif. Le core actuel de notre script est conçu pour être le plus propre et le plus souple possible. Ainsi il appelle et lis un fichier formaté en CSS3 qu'il interprète et applique à la page courante. Aucun appel à ce fichier CSS3 n'est intégré directement dans la page Html pour ne pas fausser l'interprétation de certains modules CSS3 déjà pris en compte par les derniers navigateurs.

Cette méthode permettra à l'avenir de faire cohabiter, le script et vos feuilles CSS3 entres les navigateurs qui les interprèteront et ceux qui ne les interprèteront pas.

Pour l'instant nous en sommes encore à l'interprétation des éléments et des sélecteurs. Avant même d'entrer dans la gestion des attributs, il est évident qu'il faut respecter la syntaxe en cascade du CSS3. Les expressions régulières font déjà un travail magnifique Une fois le core achevé, il suffira d'ajouter des fonctions pour gérer un à un les attributs/modules CSS3.

Ainsi, les articles publiés sont directement liés à nos étapes de développement.

Méthodologie

La documentation

On choisis un élément et on se focalise dessus. On se documente et on essaie d'en comprendre toutes les subtilités pour le retranscrire au mieux. Une fois que c'est fait, on soumet un article dans notre propre base de donnée (dans la section documentation). L'article nous sert de feuille de rappel sur le fonctionnement et sur l'interprétation à en faire.

Le développement

Une fois que tout est clair, on commence le développement. On tâche d'utiliser la même syntaxe que le CSS3 pour que notre script soit compatible par la suite et puisse cohabiter avec des navigateurs qui l'interprète et ceux qui ne l'interprète pas. On développe le script de sorte qu'il soit compatible avec Internet Explorer 6, Firefox 1 et 2, Opéra 8 et 9 et Safari 2 et 3, les versions supérieures seront surement ignorées.

Le Javascript c'est pas forcément supporté, et puis c'est lourd !

En effet, il est vrai que le Javascript n'est pas forcément activé, mais il l'est dans 80% des cas (si ce n'est 90%). Ainsi 80% des utilisateurs qui n'auront pas un navigateur CSS3 bénéficieront d'un affichage quasi identique ! Pour les 20% restant vous devrez utiliser une feuille de style formatée en CSS2 de toute façon.

Si la couverture du CSS3 est de 60% des navigateurs, grace à notre script nous la portera à 80% des 40% restant soit à 94% de vos visiteurs ! On aura ainsi beaucoup moins de scrupules à utiliser majoritairement du CSS3, sachant que le nombre d'utilisateurs ne le supportant pas sera presque négligeable.

Concernant le poids, et la vitesse d'exécution du script vous en jugerez pas vous même lors de la première version, mais sachez que nous mettons un soin particulier à ne rien charger inutilement.

Laissez des commentaires on les lira !

Maintenant que vous savez tout, la parole est à vous, vous pouvez vous offusquer, scander nos noms ou planter fièrement nos têtes au bout de vos lances ! Nous répondrons à toutes vos questions/suggestions/critiques si vous prenez le temps de les formuler correctement