CSSTidy optimisateur de CSS

CSSTidyest un parser et un optimiseur css open source. Il est possible de l'utiliser comme un executable ou en lignes de commande ou encore en php.

Le but : Optimiser le code. Pour ce faire votre CSS doit être valide. Ensuite CSSTidy passera au travers du fichier afin d'meliorer la syntaxe. Par exemple :
- color:black; ou color:rgb(0,0,0) deviendra color:#000;
- margin:1px 1px 1px 1px; deviendra margin:1px;
- les unités oubliées seront corrigées
- les erreurs syntaxiques seront aussi corrigées
- les espaces indesirables seront supprimés de même que les commentaires.

Résultat : CSSTidy permet de générer un css plus léger et optimiser ce qui permettra un téléchargement plus rapide. Il est possible de gagner en moyenne 30% de compression par rapport au fichier original.

Plusieurs options sont disponibles lors de l'optimisation :
- Le type de compression : du plus compacte au sur mesure (il est aussi possible de definir un gabarit de telle maniere que votre code puisse apparaitre comme indenté)
- Trier les selecteurs ou les propriétés
- Fusionner les sélecteurs
- Compresser les couleurs
- Case de propriétés
- Supprimer les propriétés non valide (CSS1 à CSS2.1)

Bref de quoi rendre optimal le code.

Cependant il est toujours bon de faire une sauvegarde du fichier original. Perso, je vais faire le test de cette technique en ligne en loadant le fichier optimisé. Mais je garderai une version de mon bon vieux fichier css de xxxx lignes plein de commentaires et indenté histoire de m'y retrouver rapidement lors de modifications.

Faites votre test.

Le petit larousse du webmaster made in google

Google a récemment mis en ligne une wiki pour webmaster regroupant les bonnes pratiques du web, les langages CSS, HTML, JAVASCRIPT, et bien d'autres.

Bien sur il y a beaucoup d'autres ressource sur le net sur le même sujet. Pas besoin de nommer Wikipedia et devGuru. Google a un petit plus : Il est possible de trouver les renseignements mais également des codes source déjà programmés via googleCode.

On trouvera également pour chaque propriété ou balise sa compatibilité IE (6, 7, 8) ainsi que Firfeox (2 et 3). Une petite avance par rapport aux autres du fait que IE8 et Firefox 3 ne sont pas encore totalement disponible ou en version beta.

Deplus étant un wiki, chacun pourra y mettre du sien pour améliorer la chose.

Accessibles, les sites web au Québec?

L'organisme Accessibilité Web a lancé aujourd'hui les résultats de son étude sur l'accessibilité des 200 sites Web les plus consultés dans les canadiens français. Une étude similaire avait été faite en 2003 et on peut se rendre compte qu'il n'y a pas eu d'amélioration notable dans les 4 dernières années ce qui laisse amplement de place à l'amélioration.

Le W3Québec est fier d'avoir contribué financièrement pour la réalisation de cette étude, les problèmes d'accessibilités étant souvent étroitement liés au non respect des bonnes pratiques du Web, ce qui correspond en partie à la bataille que mène le W3Québec : Améliorer le Web au Québec!

De son côté, QuiboWeb a contribué à ce succès en offrant gracieusement le design graphique du site Web des résultats : Top 200 des sites Web accessibles au Québec. Ce geste démontre l'importance qu'a le respect des bonnes pratiques du Web pour QuiboWeb.

Les résultats de l'étude sont disponibles ici :
Résultats de l'évaluation 2007

Maintenant vice-président du W3Québec

Hier avait lieu l'assemblée générale du W3Québec où se tenait les élections pour élire 2 nouvelles personnes dans le conseil d'administration, Christophe Bélanger et Normand Lamoureux, cédant leurs places à la jeunesse! Je tiens d'ailleurs à souligner leur excellent travail au sein du W3Québec. Leur départ cette année n'est pas moins douloureuse que le départ du président fondateur Denis Boudreau l'année dernière. Cela dit, la nouvelle équipe en place est très enthousiaste à faire bouger les choses dans la bonne direction.

Les nouveaux membres du CA sont Mathieu Chartier et Samuel Lavoie.

Le CA pour la prochaine année ressemble donc à ceci :

• Benoît Piette (Président)
• François Viens (Vice-Président)
• Pierre Leblanc (Trésorier)
• Samuel Lavoie (Secrétaire)
• Mathieu Chartier (Administrateur)

Un meeting aura lieu dès la semaine prochaine pour discuter des différents projets de chacun et de définir des objectifs pour les prochaines années. La refonte du site Web de l'organisme semble être une volonté commune des membres du CA mais également des membres du W3Québec.

Activites a ne pas manquer!

Lundi prochain, ne manquez pas le 5 a 7 organise par le W3Quebec a la Brasserie Benelux.

De plus, en septembre, le W3Quebec offre sa deuxieme formation de l'annee, un rendez-vous a ne pas manquer!

Voir tous les details sur le site de l'organisme : www.w3qc.org

Dernière chance pour vous inscrire à la formation du W3Québec!

Formation de 6 heures sur HTML/CSS
donnée par le W3Québec.

Le formateur, Normand Lamoureux, est expert en accessibilité du Web et spécialiste en réadaptation en déficience visuelle à l'Institut Nazareth et Louis-Braille. L'un et l'autre volet du cours sera orienté accessibilité, standards et bonnes pratiques.

Cette formation sera présentée en 2 blocs de 3 heures, les mercredis 16 et 23 mai 2007, de 18h à 21h, à l'Université de Montréal.

Aperçu des contenus :

HTML

• HTML, le langage facile méconnu.
• Mythes et réalités à propos de HTML.
• HTML ou XHTML, telle n'est pas la question!
• Manifeste pour un balisage sémantique.
• Les avantages de séparer contenu, présentation et comportement.

CSS

• CSS, le casse-cou du développeur Web!
• Le véritable rôle de CSS par rapport à HTML.
• Bâtir une feuille CSS étape par étape.
• Trucs et astuces pour éviter les maux de tête et les hacks.
• Développement d'un projet concret visant à intégrer le tout (à préciser sur place).

Pour obtenir plus de détails et pour vous inscrire visitez : http://w3qc.org/formation/formation-html-css/

Formation HTML/CSS - Accessible!

Formation de 6 heures sur HTML/CSS
donnée par le W3Québec.

Le formateur, Normand Lamoureux, est expert en accessibilité du Web et spécialiste en réadaptation en déficience visuelle à l'Institut Nazareth et Louis-Braille. L'un et l'autre volet du cours sera orienté accessibilité, standards et bonnes pratiques.

Cette formation sera présentée en 2 blocs de 3 heures, les mercredis 16 et 23 mai 2007, de 18h à 21h, à l'Université de Montréal.

Aperçu des contenus :

HTML

• HTML, le langage facile méconnu.
• Mythes et réalités à propos de HTML.
• HTML ou XHTML, telle n'est pas la question!
• Manifeste pour un balisage sémantique.
• Les avantages de séparer contenu, présentation et comportement.

CSS

• CSS, le casse-cou du développeur Web!
• Le véritable rôle de CSS par rapport à HTML.
• Bâtir une feuille CSS étape par étape.
• Trucs et astuces pour éviter les maux de tête et les hacks.
• Développement d'un projet concret visant à intégrer le tout (à préciser sur place).

Pour obtenir plus de détails et pour vous inscrire visitez : http://w3qc.org/formation/formation-html-css/

Formation HTML/CSS - Accessible!

Formation de 6 heures sur HTML/CSS
donnée par le W3Québec.

Le formateur, Normand Lamoureux, est expert en accessibilité du Web et spécialiste en réadaptation en déficience visuelle à l'Institut Nazareth et Louis-Braille. L'un et l'autre volet du cours sera orienté accessibilité, standards et bonnes pratiques.

Cette formation sera présentée en 2 blocs de 3 heures, les mercredis 21 et 28 mars 2007, de 18h à 21h, à l'Université de Montréal.

Aperçu des contenus :

HTML

• HTML, le langage facile méconnu.
• Mythes et réalités à propos de HTML.
• HTML ou XHTML, telle n'est pas la question!
• Manifeste pour un balisage sémantique.
• Les avantages de séparer contenu, présentation et comportement.

CSS

• CSS, le casse-cou du développeur Web!
• Le véritable rôle de CSS par rapport à HTML.
• Bâtir une feuille CSS étape par étape.
• Trucs et astuces pour éviter les maux de tête et les hacks.
• Développement d'un projet concret visant à intégrer le tout (à préciser sur place).

Pour obtenir plus de détails et pour vous inscrire visitez : http://w3qc.org/formation/formation-html-css/

29 janvier 2007 - Le javascript en revue!

Le W3Québec vous propose une revue complète de JavaScript; de ses origines jusqu'aux nouveautés de la version 1.7, en passant par E4X et les techniques d'utilisation non intrusives de ce merveilleux langage.

L'entrée, comme toujours, est gratuite.

L'assemblée aura lieu au CRIM, situé au 550 Sherbrooke Ouest, bureau 100. Venez en grand nombre!

Lundi 27 novembre 2006 à 19h00 : Formation CSS

Le W3Québec vous propose une formation sur CSS intitulée : Styler un menu à onglets avec CSS.

En partant d'un simple fichier HTML et d'une image, nous verrons comment utiliser les ressources de la technologie CSS pour transformer une liste à puces ordinaire en un menu à onglets extensible aux coins supérieurs arrondis et aux couleurs sexy fonctionnant aussi bien dans Internet Explorer 6 et 7 que dans Firefox, Netscape et Opera.

Au terme, les fichiers HTML et CSS devront être valides, et le menu lui-même, conforme au niveau d'accessibilité Triple-A de la norme WCAG 1.0.

Tout au long de la démonstration, des considérations de méthode seront faites par le présentateur sur l'art d'indenter et de commenter son code pour en faciliter la maintenance et la réutilisation, ainsi que sur l'art d'écrire une feuille CSS qui met à profit les raccourcis d'écriture permis.

L'assemblée se tiendra dans les locaux du CRIM, situés au 550 Sherbrooke Ouest (bureau 100) de 19:00 à 21:00. Vous pouvez toutefois vous présenter à partir de 17:30 si vous voulez commencer la discussion avant. Venez en grand nombre!

L'entrée, comme toujours, est gratuite.

Nouveau chapeau à porter!

Hier soir, lundi 30 octobre 2006, avait lieu l'assemblée annuelle 2006 du W3Québec. Celle-ci incluait des élections pour élire 4 nouveaux membres sur le conseil d'administration dont la position de président, Denis Boudreau passant à de nouveaux défis.

Le nouveau président Benoît Piette, élu majoritairement mais après une chaude lutte avec Pierre Leblanc, laisse sa place de secrétaire à Christophe Bélanger, ancien trésorier. Celui-ci laisse son poste de trésorier à Pierre Leblanc. Normand Lamoureux conserve son porte de vice-président pour la prochaine année. Le chapeau d'administrateur, anciennement porté par Benoît Meunier sera maintenant le mien!

Nous travaillerons dans les prochaines semaines à élaborer le plan de match de l'organisation pour la prochaine année. Pour ce qui est de ce blog, le sujet "Normes et standards Web" devrait bientôt être ajouté à la liste!

Je tiens à saluer Denis Boudreau, ancien président du W3Québec, pour avoir mis sur pied ce groupe et aussi d'avoir le courage de le laisser entre les mains du nouveau CA.