Aller au contenu | Aller au menu | Aller à la recherche

Développement web

Fil des billets - Fil des commentaires

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 ?

mercredi 27 juillet 2005

egoglogie

Tristan essaye de booster le pagerank d'un nouveau blog axé sur la conception web en CSS, allez un petit affluent de plus pour ce blog qui est pas mal du tout : Egologie: conception web et CSS

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 ?

dimanche 20 mars 2005

PNG Optimizer 1.5

L'excellent PNG Optimizer 1.5 est sorti.

samedi 29 janvier 2005

bookmarklet DOMI

Super bookmarklet : Mouseover DOM inspector (info de StripTm)

Le reste du site de l'auteur est bourré de projets interressants, les slide-shows javascript avec images transparentes sont assez impressionants.

samedi 1 janvier 2005

Pompage.net éditon 2005

Pompage.net vient d'être refait entièrement, le nouvel aspect est très agréable et professionnel :

http://www.pompage.net/

(Le sytème de gestion de contenu utilisé est SPIP, un site de plus pour SPIP...)

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

dimanche 24 octobre 2004

"Repoussez vos limites"

Une longue et intéressante présentation de Douglas Bowman sur le processus de création de sites tout CSS :

Pushing your limits

Forums Alsacréations

Alsacréations vient d'ouvrir des forums sur les CSS et les standards du web :

Forums Alsacréations

mercredi 6 octobre 2004

Disney Store en CSS

Pendant que Yahoo prépare sa beta de son portail tout en CSS, la boutique Disney Store UK est elle aussi passée à une conception tout CSS.

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

mercredi 2 juin 2004

Zoom images sur openweb

Premier article du mois de juin sur Openweb, Zoom d'images en CSS par Pascale Lambert.

mercredi 10 mars 2004

Listes de définitions : article explicatif

Pompage sort un article intéressant sur l'utilisation des listes de définition en HTML :
Les listes de définitions : mal utilisées ou mal comprises ?

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

mercredi 11 février 2004

mise à jour chevrelbureau.com

Si je ne donne pas trop de nouvelles sur mon carnet récemment c'est que je suis pris dans plusieurs projets assez longs à mettre en place, dont entre autres la remise à plat de mon site pro. Je parlerai probablement en détail de cette re-conception qui a été motivée essentiellement par une chute spectaculaire de mon positionnement google (de la 2ème place depuis 3 ans à la 6ème page arghHhhhhh !!).

Actuellement j'ai une beta fonctionnelle qui me permet de :

  • remplacer toutes mes adresses type http://www.chevrelbureau.com/direction.php par des dossiers http://www.chevrelbureau.com/produits/mobilier/direction/, plus aucune page html ou php visible en direct, tout est dans une structure de dossiers très hiérarchisée, mes url deviennent significatives.
  • création d'un système de modèle de pages php plus souple et plus puissant que celui que j'utilisais
  • utilisation de mysql pour gérer mes pages, ce qui me permettra entre autres de personnaliser les title, keywords, description, h1 page par page en quelques clics (référencement google visé)
  • et petite nouveauté de cette nuit, création d'un système de cache des fichiers pour accélérer le tout et éviter les ralentissements sur online.fr qui a de fréquents problèmes.

Evidemment, s'agissant d'une remise à plat, je vais aussi avoir à refaire une bonne partie du contenu, et ça n'est pas une mince affaire...

- page 2 de 3 -