jQuery 1.1.4 sur le grill

Si tout va bien, cette version sera la dernière de la branche 1.1 avant de passer à la 1.2. Mis à part la correction des inévitables bugs, les principaux changements sont – outre la rapiditié accrue pour la traversée du DOM, la sélection des éléments et des ID – l’introduction de nouvelles fonctions. Voici un petit topo des nouveautés à l’usage de l’intégrateur web (des nouveautés sont aussi prévues pour faciliter la vie des développeurs) d’après l’annonce de John Resig sur le blog jQuery.

5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs

Vous n’utilisez pas de styles CSS pour votre page web ? Ce n’est pas grave : les navigateurs le font pour vous. Ils utilisent chacun leur feuille de style par défaut pour obtenir un rendu visuel minimal. C’est pourquoi les tableaux possèdent des bordures, et les paragraphes des espaces avant et après. Le problème ? Si des balises comme strong ou em sont traitées de la même manière par les agents utilisateurs, l’immense majorité présente des différences plus ou moins importantes. Ce fameux manque de « consistance » décrié par les webdesigners anglo-saxons concerne principalement les propriétés margin et padding. Avec une pensée particulière pour le retrait des listes ol et ul : si IE applique bien le margin-left: 40px préconisé, Firefox utilise quant à lui un padding-left: 40px pour le même rendu. Dans ces conditions, il est tentant de vouloir mettre tous ces agents utilisateurs au garde-à-vous…

Pour rétablir le flux après un float, vous êtes plutôt HR, BR ou DIV ?

Dans le prolongement du billet précédent concernant une mise en pages CSS avec la propriété float, je me suis intéressé aux différentes manières de styler la balise hr pour rétablir le flux après en avoir sorti des éléments en les faisant flotter à gauche ou à droite. J’utilise généralement hr avec le traditionnel clear: both et visibility: hidden et je jongle ensuite avec les marges ou la hauteur pour espacer les éléments. Or, depuis que j’utilise le reset.css d’Eric Meyer, j’ai tendance à supprimer les marges de tout ce qui bouge, mais cette chère règle horizontale reste récalcitrante à la remise à zéro cross browser

Quelques notes sur Sandbox, un thème WordPress pour intégrateurs html CHIC qui aiment les microformats

Lors d’un précédent billet concernant la sortie de WordPress 2.2, j’avais évoqué la version 0.6.1 du thème Sandbox. Je profite du passage en version 0.9 pour passer la deuxième couche car Sandbox est intéressant à plus d’un titre. Cest le thème idéal pour les intégrateurs html qui trouveront une palanquée (et le mot est faible) de classes prêtes à styler avec un regard tourné vers l’avenir du web sémantique grâce aux microformats hAtom et hCard à l’horizon.

Organiser ses feuilles de style CSS

Organiser ses feuilles de style CSS J’ai regardé l’organisation des CSS dans de nombreux CMS, de Dotclear à WordPress en passant par des plate-formes de e-commerce. Il n’y a pas deux feuilles de style qui partagent la même organisation, exceptée la remise à zéro du padding et du margin via le sélecteur universel ou seulement pour les éléments html et body, ou encore le choix de la police de caractère (famille, taille, interlignage et couleur du texte) pour le seul élément body. Certaines commencent par la structure pour finir avec les éléments html quand d’autres mettent les déclarations dans l’ordre alphabétique…

Framework JQuery pour écrire du Javascript non-intrusif

JQuery, librairie Javascript. Pour ajouter un semblant d’interactivité aux pages web, il fallait auparavant chercher longtemps pour dénicher le bon bout de code Javascript cross-browsers qui va bien. Aujourd’hui, c’est le choix d’une librairie1 Javascript adaptée à nos besoins qui prend du temps. Les prétendants sont nombreux et la qualité est au rendez-vous : Prototype accompagné de script.aculo.us, Mootools et le petit Moofx, Dojo, Yahoo! UI Library, jQuery avec Interface, etc. Whoa! quel chemin parcouru depuis la fin du 2ème millénaire…

Firefox vs Opera : où est le feu ?

Firefox vs Opera : où est le feu ? Çà fait longtemps que je lis des petites phrases sur les lourdeurs de Firefox. Erreurs de jeunesse me dis-je à chaque fois. Mais suite à la lecture d’un billet du côté de chez Xuan, j’ai ouvert mon gestionnaire des tâches et je n’ai pas aimé ce que j’ai vu. La consommation en ressources mémoire de Firefox flirte souvent avec les 200 mo de RAM et sature mon petit PIII 866, tandis que le navigateur Opera sort en version 9.20…

Petit bilan statistique du CSS Naked Day

CSS désactivées : quel impact sur les statistiques de fréquentation du blog ? 1646. C’est le nombre total de sites inscrits sur la page CSS Naked Day. Je suis en 997ème position et Google.com en 210ème. Ils ont vraiment beaucoup d’humour chez Google 🙂 Autant dire que je vais m’entrainer durement et améliorer mon score l’année prochaine. Si vous avez peur d’oublier la date, le concepteur du strip a prévu la fonction PHP is_naked_day() pour désactiver vos CSS en temps et en heure. Ce qui peut être utile pour d’autres occasions. Ceci dit, venons-en au fait : la mise à nu d’un blog en terme d’habillage graphique impacte-t-elle le nombre de visiteurs, de pages vues ou encore le temps passé sur un blog ?