Développement web

Entries list

samedi 17 septembre 2005

Web developer toolbar pour IE

Microsoft, via le IEBlog annonce la sortie de sa barre d'outils pour développeurs téléchargeable ici : web developer bar IE

Je l'ai testée, voici mes premières impressions :

  • Il faut redémarrer windows pour la faire marcher !!!
  • elle est très inspirée de la webdeveloper toolbar de Firefox, mais bien plus limitée en fonctions (même pas la possibilité de voir le code source de la page!), en particulier il n'y a aucune fonction permettant de manipuler les css, ce qui est quand le point le plus intéressant de la barre pour Firefox
  • elle inclue un Dom explorer, très inspiré visuellement de notre Dom inspector, mais sans aucune possibilité de couper/coller des noeuds, d'éditer les différentes propriétés (attributs html, ajout de styles css...) et pas de fenêtre permettant de voir la cascade des styles appliqués sur un élement par rapport aux styles calculés (styles par rapport à getComputedStyle). Ce n'est donc qu'un visualiseur du DOM, pas un manipulateur du DOM comme le DOMI, bof bof.
  • l'ergonomie est à revoir, le fonctionnement des menus est différent de celui des fenêtres windows, pas agréable du tout

Personnellement je ne pense pas que je m'en servirais, car j'ai déjà des favelets qui me font la même chose souvent en mieux (notamment ceux de Slayeroffice), mais je verrai à l'usage si je lui trouve des intérêts. On sent là que l'équipe d'IE cherche à reconquérir une population de créateurs de sites qui sont passés à Firefox à cause de ses extensions de développement, je ne pense pas que ça les séduise mais ça pourrait inciter certains développeurs à rester un peu plus longtemps sur IE plutôt que de passer à Firefox comme principale plateforme de test des pages, ce qui est finalement peut être le but recherché, gagner du temps.

lundi 12 septembre 2005

DevBoi, l'extension que remplace la devedge Toolbar

Une nouvelle extension est apparue, elle a pour but de remplacer la devedge toolbar que fournissait Netscape pour la suite Mozilla :

DevBoi

Non seulement elle permet d'avoir accès aux recommandations HTML4.01/CSS2.1/DOM2 dans le panneau latéral avec CTRL+F9, mais en plus elle donne aussi accès aux éléments XUL et aux tutoriels.

Malheureusement, même en changeant le maxversion elle n'est pas compatible avec DeerPark.

mercredi 7 septembre 2005

La polémique Saint-Elie...

Je découvre un billet particulièrement virulent sur le glazblog commentant un autre billet d'un certain Luc Saint Elie. Le nom me dit quelque chose, je suppose donc qu'il doit être connu et très lu, en tous cas Daniel le lit :).

Le ton de Daniel est ce qu'il est, il n'est pas connu pour sa grande diplomatie ;) mais sur les arguments qu'il avance je dois avouer que je suis quasi-entièrement d'accord, j'ai lu l'article de Luc et il y a des trucs quand même énormes qui montrent qu'il ne maîtrise pas du tout le sujet dont il parle.

Le point sur lequel je ne suis pas d'accord avec Daniel est que j'estime que Luc n'a pas à se montrer aussi objectif que dans son boulot de journaliste sur son carnet web, un carnet web ça sert aussi à se défouler et à être de mauvaise foi quand on ne peut pas le faire dans son boulot ;)

Je réponds rapidement à quelques arguments qui me semblent injustifiés dans le billet de Luc démontant les standards :

c’est la grande revanche des informaticiens sur ces cochons de littéraires

Je suis à la fois un littéraire et un technicien. Je connais pas mal de littéraires qui se sont mis bien plus facilement au HTML/CSS que des informaticiens. Lorsqu'on a un parcours littéraire, qu'on a écrit des mémoires de dizaines de pages pour la fac, qu'on a bossé comme traducteur, qu'on a écrit des ouvrages... il y a un truc qu'on apprend très très vite, c'est structurer et utiliser au maximum les feuilles de styles de son traitement de texte et de ne pas styler à la va vite, au kilomètre. Tout simplement parce que quand on a tapé 300 pages de texte et qu'on veut changer l'apparence de tous les titres de section, ça peut prendre deux heures de le refaire à la main alors que ça prend deux minutes en changeant la règle de style sur un document bien structuré. Pour moi essayer d'opposer les informaticiens aux littéraires c'est essayer de faire appel à des vieux réflexes corporatistes, c'est comme ceux qui veulent opposer les techniciens aux commerciaux.

La promesse d’un coût moindre est donc encore plus fausse. Le temps passé est aisément le double. On gagne (et encore ça se discute) du temps lors de la structuration initiale des pages mais toute modification (en clair tout ce qui prenait trois secondes pour décaler légèrement un tableau) peut prendre des jours.

Puisqu'on parle d'expérience personnelle, je peux dire que la mienne est totalement l'inverse. J'ai un grand avantage sur Luc, aujourd'hui je maîtrise réellement les CSS. Je suis d'ailleurs incapable aujourd'hui de refaire ce que je fais en CSS en "vieil HTLM" (salement en fait), ça me prendrait probablement plusieurs heures de faire un design en tableaux imbriqués avec des spacers en gifs invisibles et plein de balises propriétaires alors que ça ne me prend que quelques minutes en CSS. Les CSS ça s'apprend aussi et pour les maîtriser je me suis énormément documenté, ça n'est pas venu en quelques heures.

Je ne suis pas non plus d'accord sur le manque de documentation, openweb, opquast, alsacreation, pompage sont des sites pédagogiques et je ne les trouve absolument pas pédants. Je n'ai pas l'impression que Luc ait fait plus que survoler les articles de ces sites, sinon il ne découvrirait pas aujourd'hui que la plupart des éditeurs web ont des validateurs HTML et/ou CSS en option. Nvu a même un validateur HTML intégré d'ailleurs.

Je suis aussi surpris qu'il se pose en victime d'une "fatwa d'intégristes". Il semble étonné que les défenseurs des standards soient scandalisés par ses propos. Ces défenseurs se sont défoncés depuis des années pour créer des outils, des sites web et de la documentation et défendre certains idéaux de partage et d'accès à la connaissance. Je ne pense pas que qualifier leur travail de "vile quincaillerie informatique" et les comparer à des personnes prêtes à éliminer physiquement les gens qui ne partagent pas leurs convictions soit de nature à calmer les esprits.

Concernant NVU, c'est vrai qu'il est bourré de défauts, c'est un logiciel encore jeune. Il est aussi bourré de qualités, ce que Luc n'a pas su ou voulu découvrir. D'ailleurs s'il veut vraiment être objectif et comparer sur des bases similaires, je lui suggèrerais de comparer la qualité de Nvu 1.0 avec celle de Dreamweaver 1.0.

On ne peut pas dire publiquement que le résultat de deux ans de travail acharné d'un développeur est pourri et s'étonner que le créateur ce ce logiciel soit furieux. Si c'était si mauvais que ça, personne ne le téléchargerait et personne ne l'utiliserait ce qui est très loin d'être le cas. Nvu n'est peut être pas parfait mais celui qui voudra passer à un autre logiciel par la suite pourra migrer son site sans problème parce que le code produit est plutôt propre, c'est à ça aussi que ça sert les standards. Combien de personnes restent sur Frontpage Express / Frontpage parce que reprendre leur site dans un autre outil est quasiment impossible et reviendrait quasiment à tout refaire à cause de la soupe de balises produite par leur éditeur visuel ?

lundi 20 juin 2005

Le livre sur les CSS de Sibelius !!

Raphael Goëtter (Sibelius sur la foultitude de forums où on se croise :) ) d'alsacreations vient de sortir son livre sur les CSS :

CSS2 Pratique du design web

Vu la qualité des tutoriels de Sibelius, le bouquin doit être excellent !

Ce qui est marrant c'est que c'est quelqu'un que je croise depuis 2 ans régulièrement sur les mêmes forums consacrés aux sites web, son site perso est devenu un site important sur les CSS, le mien sur Mozilla et on sort nos bouquins en même temps. Des parcours parallèles en quelque sorte.

J'ai l'impression que s'est créé ces dernières années un véritable éco-système francophone en faveur de l'innovation sur le web et des standards ouverts et ce qui est intéressant c'est que nous ne sommes plus à la remorque du web anglophone, nous avons nos propres "gourous" des standards, de l'accessibilité et du design CSS, nous avons nos propres livres qui ne sont pas que de simples traductions des ouvrages américains, nous avons nos sites de références (Standblog, opquast, alsacreations...) avec des vrais articles originaux de qualité, certains ayant même été traduit vers l'anglais !

Qui a dit que la France c'était la vieille Europe ? ;)

lundi 18 avril 2005

Adobe rachète macromédia

Adobe vient d'annoncer le rachat de macomédia, ce qui mène quelques interrogations sur l'avenir des outils du web :

  • Entre Macromedia Dreamweaver et Adobe Golive, logiciels concurrents, lequel sera abandonné ?
  • Macromedia c'est le plugin Flash, Adobe c'est le plugin SVG. A quoi doit on s'attendre au niveau du vectoriel ?
  • Si je ne m'abuse, Opera est (était ?) utilisé comme moteur interne de Golive ET de Dreamweaver non ?

lundi 6 décembre 2004

visibility:collapse

Je viens de me rendre compte que la propriété CSS visibility acceptait trois arguments, visible, hidden (ces deux là on les connait tous) et ... collapse. Visibility:collapse est destiné aux cellules et colonnes de tableaux.

J'ai trouvé un intérêt à visibility:collapse, ça peut me permettre d'extraire un tableau de données et de se faire un petit système de sélection des données affichées sans faire une demande serveur supplémentaire. J'ai fait un petit essai et ça marche, j'ai dû me documenter un peu en javascript car je suis une bille dans ce langage. L'idée que j'ai eue c'est d'associer des classes aux lignes comme des marqueurs, puis de récupérer toutes les lignes dans un tableau et de passer en visibility:collapse les lignes ayant une certaine classe. Ca marche bien, c'est assez simple d'utilisation finalement, voici un exemple :

exemple visibility:collapse et getElementsByTagName

Je le dis tout de suite, ça ne marche pas du tout dans IE. Dans Opera il ne fait que faire disparaître les lignes comme un visibility:hidden.

Mise à jour : Firefox 1.0 se comporte comme Opera, mal. Par contre ça marche du tonnerre avec Mozilla suite 1.8a5 ;)

lundi 29 novembre 2004

Le récent redesign de Mozilla Europe

Vous aurez tous noté je suppose que mozilla Europe a désormais le même look que Mozilla.org, le travail a été effectué par Dunstan Orchard de la "visual identity team" et il explique comment il a fait cela dans son carnet web, le défi étant qu'il ne pouvait toucher au balisage déjà en place, tout devait être fait dans la feuille de styles :

Solving CSS problems for Mozilla Europe

mardi 23 novembre 2004

Web developper toolbar 0.9

La web developper toolbar est sortie pour Mozilla Suite et Thunderbird en version 0.9 et apporte une foule d'améliorations qui en font réellement l'outil totalement indispensable du développeur web.

Parmi les nouveautés, certaines sont très intéressantes, comme par exemple la désactivation les feuilles de styles une par une, la désactivation de la feuille se styles par défaut du navigateur, le passage en "border box model". En fait tout ce qui touche à la manipulation des CSS des documents a été étendu et amélioré.

web developper toolbar 0.9

IN-DIS-PEN-SA-BLE

vendredi 1 octobre 2004

Cherche à résoudre un bug CSS d'IE

Petite demande d'aide pour résoudre un bug CSS dans Internet Explorer :)

Voici la page en question: sans tableaux En fait c'est la reconstruction en CSS d'un design par tableaux relativement complexe. Ma solution marche impeccablement dans Mozilla et Opera mais pas dans IE. J'ai un div "spacer" (un clear:both) sensé permettre que le div #contenu soit de la même hauteur que le menu flottant lorsqu'il n'a pas assez de contenu. IE zappe ce clear. J'ai trouvé des références à des bidouilles pour des bugs de float d'IE sur le web, mais rien qui s'applique à ce cas. Quelqu'un à une idée ?

Mise à jour : Ce code marche pour Opera, Safari et mozilla suite 1.8, il ne marche pas pour firefox 1.0, en tous cas pour le moment car le code n'a pas été intégré dans la branch aviary. C'était ce bug : bug 148994

S'il y a un développeur mozilla influent et francophone qui lirait ce message, merci de convaincre le responsable du module d'intégrer ce patch !

dimanche 20 juin 2004

Optimiser son site chez Online.fr

Je viens de créer une section indépendante à mon site perso, celle-ci n'est pas liée à Mozilla mais au développement web.

Il s'agit en fait d'un ensemble de trucs, astuces, techniques destinées à créer des sites web rapides chez l'hébergeur online.fr (j'ai un site chez eux ).

L'idéee est de faire partager mon expérience personnelle chez eux en faisant profiter les autres des trucs que j'ai trouvés pour pallier à leur manque de performances (en particulier pour tout ce qui touche PHP/Mysql). Tous les conseils que je mets dans cette section sont utilisables chez d'autres hébergeurs bien sûr mais l'intérêt est peut être moindre.

C'est encore en pleine construction, je rajouterai du contenu petit à petit.

Voici l'adresse : http://www.chevrel.org/fr/optimiser/

Ah au fait, pour ceux qui voudraient me conseiller de changer d'hébergeur dans les commentaires, c'est inutile, je suis globalement satisfait :-). En fait paradoxalement, les manques de performance d'Online m'ont été très bénéfiques, jamais je n'aurai autant travaillé sur les techniques d'optimisation de mes pages autrement ! Quasiment tout ce que je sais de PHP/Mysql, je l'ai appris en essayant de rendre mon site plus agile.

Voilà, donc si vous êtes chez Online, que comme moi vous bidouillez un peu en html/css/php/mysql, vous y trouverez sûrement des trucs applicables à vos projets, enfin j'espère :-)

vendredi 13 février 2004

Nouveau Aménagement Chevrel Bureau

Mon nouveau site est en place depuis une journée : Aménagement CB (pour ceux qui ne le sauraient pas, c'est un site sur le mobilier de bureau). Parmi les ajouts et autres modifications par rapport à hier, le menu est désormais plus évolué et commence à refléter ma nouvelle structure, la remise à plat de mon modèle de page m'a permis de l'améliorer en créant les sous-menus côté serveur et en ne lui faisant pas montrer les sections encore vide (j'ai une vingtaine de pages produits à créer dans 4 nouvelles sections). Mon nouveau système de cache marche bien, j'en suis très content et jusqu'à présent je n'ai eu que des échos positifs sur la rapidité du site, qui a dit que ça ramait chez online ? ;-)

Parmi les mises à jour, j'ai commencé à nettoyer ma vieille feuille CSS et mes pages actuelles, beaucoup datent de mes débuts en feuilles de styles et abusent des classes et des balises div alors que des sélecteurs astucieux permettent le même résultat tout en facilitant grandement la relecture du code 6 mois plus tard ;-). Reste encore à améliorer la console d'administration du site que je me suis créée, pour l'instant elle est encore très basique et répond aux besoins les plus iimmédiats tels que cacher/décacher les pages, modifier les métadonnées d'une page ou rentrer des nouvelles pages dans la BDD. Ce qu'il me reste encore à faire c'est de terminer la liaison entre la structure physique sur le disque et l'organisation logique de a BDD, pour que chaque fois que je crée une nouvelle fiche, il me crée automatiquement sur le serveur les dossiers, modèles vides de page, dossiers images et autres fichiers liés à cette fiche, en fait, plus j'y pense et plus je vois de choses intéressantes à faire :-).