December 2006
Javascript : un vieux langage, une nouvelle maturité Categories: (X/HT)ML, Javascript, Programming, Standards and usability ~ Replies: none
Décrié qu'il était, le JavaScript a aujourd'hui réintégré la liste des qualifications recherchées pour un développeur Web. Pour quelles raisons l'a-t-on si longtemps conspué ? Parce qu'il était si intrinsèquement mêlé au code de la page qu'il était impossible de passer outre.
Mais si JavaScript revient à la mode, il est important de ne pas reproduire les erreurs. En effet, il existe encore des administrateurs réseau paranoïaques, des navigateurs incompatibles et surtout une proportion croissante de navigateurs ne supportant ni CSS ni JavaScript : les téléphones portables avec accès Internet.
HTML + CSS, un design robuste Categories: (X/HT)ML, CSS, Standards and usability ~ Replies: 2
Malgré les réticences, on m'a laissé créer le site novius.com en HTML et CSS, sans passer par des tableaux. Le site est à la fois léger et clair, et correctement affiché sous une majorité de navigateurs.
Accessibilité : des gestes simples Categories: Standards and usability ~ Replies: 1
Comme suggéré sur webatou, ce billet traitera d'accessibilité numérique. Parce que ce n'est ni un luxe, ni une lubie, ni quelque chose de trop compliqué pour qu'on s'en préoccupe...
October 2006
Teasing... Categories: Site announcement, Standards and usability ~ Replies: 3
Depuis le temps que je l'annonce, voilà que j'ai enfin eu le temps de commencer à mettre en place le nouveau design.
La gestion des URLs me tenait particulièrement à coeur et j'ai presque fini de mettre en place le script de redirection (utilisant .hterror).
Vous pouvez en avoir un aperçu (incomplet) en allant voir le dossier reboot (où je le teste actuellement, pour parer aux éventuelles différences entre le serveur local et celui de mon hébergeur).
Optimiser les barres de menu d'Office Categories: Standards and usability ~ Replies: 1
A force d'utiliser différents programmes de la suite Office de manière répétitive et avancée, j'en ai retiré plusieurs recommandations que je vous livre ici.
Coordonnées incorrectes avec input image sur Firefox Categories: (X/HT)ML, Standards and usability ~ Replies: none
Un code tel que<input type="image" src="image.png" />
soumet le formulaire et ajoute les coordonnées de l'image qui a reçu le clic souris. Dans certaines situations, Firefox n'envoie pas les bonnes coordonnées.
Incorrect coordinates using input image in form Categories: (X/HT)ML, Standards and usability ~ Replies: none
Images can be used as form buttons, using<input type="image" src="image.png" />
When a user clicks on the image, the click position is captured and sent along with the rest of the form, but in some cases Firefox gets it wrong.
Getting "contact" right Categories: (X/HT)ML, Reflexions, Standards and usability ~ Replies: none
How often have you seen [insert e-mail program here] pop up after clicking a "contact" link? Every time this unexpectedly happens to me, I can't help feeling
- a bit stupid for not noticing the mailto: protocol in the statusbar
- angry at the website designer for styling a mailto like a normal page
Let's discuss what "contact" links should lead to.
September 2006
Accessibilité : c'est ceux qui en parlent le plus... Categories: Site announcement, Standards and usability ~ Replies: none
Le cordonnier est souvent le plus mal chaussé, et je suis de plus en plus insatisfait du manque de lisibilité de ce site dans sa version actuelle.
Recherches simplifiées avec Firefox Categories: Browsing, Quicklinks, Standards and usability ~ Replies: none
Robert Nyman vient de le faire remarquer (mais en anglais) alors je m'empresse de faire passer l'information dans la langue de Molière : Firefox permet de créer des recherches simplifies d'un simple clic droit !
Amélioration de l'ergonomie et de l'accessibilité Categories: CSS, Site announcement, Standards and usability ~ Replies: none
Petite nouveauté : ce site s'est enrichi de raccourcis permettant de sauter directement aux principaux 'blocs' de la page.
July 2006
Attaching event workaround for IE, checking radio inputs unreliable (bug) Categories: (X/HT)ML, Javascript, Programming, Standards and usability ~ Replies: 3
That old piece of crap IE has bugged me once again. First it couldn't attach an event, and second it wouldn't tell my javascript which radio input was checked or not. End result : I use an unrecognised (but standard) method to attach my script so IE users don't get a bloated html.
CSS : liste des propriétés et valeurs possibles Categories: CSS, Goodies, Quicklinks, Standards and usability ~ Replies: 1
Après avoir traduit la liste des balises XHTML, voici ma traduction de la référence CSS 2 du site W3schools.
L'ensemble des propriétés CSS y est présenté avec la première version de Netscape et d'Internet Explorer les supportant, ainsi que le numéro de version de la spécification dans laquelle cette propriété apparaît.
June 2006
SEO advice for google, yahoo, msn Categories: (X/HT)ML, Browsing, Goodies, Quicklinks, Standards and usability ~ Replies: none
Noticing that my logs were full of google and no other engine, I decided to try and improve my ranking in other engines as well.
La pub elle passera pas par... Ah bah si Categories: Site announcement, Standards and usability ~ Replies: 1
Si vous ne me lisez pas par votre agrégateur, vous aurez probablement remarqué que j'ai ajouté des bandeaux publicitaires. J'ai mes raisons.
May 2006
Indicateur de focus pour Firefox Categories: Browsing, CSS, Goodies, Quicklinks, Standards and usability ~ Replies: none
Dans un récent article, (new focus indicator) Mark Pilgrim a proposé un script greeasemonkey permettant d'afficher un indicateur de focus plus flagrant (et plus bleu) dans Firefox. Voici comment l'implémenter sans passer par greasemonkey mais par userContent.css une fois encore.
Distinguer les liens qui n'en sont pas Categories: CSS, Goodies, Standards and usability ~ Replies: 1
Utiliser un navigateur moderne (tel que Firefox pour ne pas le citer) vous permet de profiter des sélecteurs de CSS dernière mouture.
Profitez-en pour savoir sur quoi vous cliquez.
Web 2.0 : dynamisme, interaction, design Categories: (X/HT)ML, CSS, Goodies, Quicklinks, Standards and usability ~ Replies: none
Voici une collection de liens vers des ressources (en anglais) permettant d'ajouter des effets, des améliorations et des chargements partiels à votre site web. Tout en respectant les standards du web...
March 2006
Cinq extensions indispensables pour Firefox Categories: Browsing, Computers, Quicklinks, Standards and usability ~ Replies: none
Voici 5 extensions dont j'ai du mal à me passer tant elles modifient le comportement de sites ou du navigateur de manière sensée.
February 2006
Dotclear 1.2.x et Atom 1.0 Categories: (X/HT)ML, Goodies, PHP, Standards and usability ~ Replies: none
Pour les dotcleariens amoureux des standards, j'ai récupéré un fichier produisant un flux Atom 1.0 (valide) à partir de votre beau blog DotClear 1.2.x
Si vous utilisez des enclosures et autre facéties, faites un test avant de remplacer votre atom par celui-là (mais ça devrait être géré, si on en juge par le code).
Visualiser/télécharger Atom1.0pourDotClear.txt.
Feed (pre-) view: Firefox as cool as Safari and IE7 Categories: Quicklinks, Standards and usability ~ Replies: none
Safari transforms feeds into a readable page when it finds one. IE7 too, now that m$ has jumped on the syndication bandwagon. Dunno about opera. And Firefox will do the same very soon.
Now for the impatient ones out there, Feed View is a very nice extension, the one that will be bundled by default in 2.0. (Pre-styled feeds keep the author's style)
.htaccess et hébergement free Categories: PHP, Standards and usability ~ Replies: none
Bonjour.
Vous espérez probablement utiliser .htaccess sur vos pages perso hébergées chez free: c'est malheureusement très limité avec cet hébergeur.
En effet, le mod_rewrite avec .htaccess n'est pas autorisé, ainsi qu'auto_prepend /-append. Par contre la redirection "méthode 404" marcherait!
Je le regrette aussi, mais il vous reste quelques possibilités...
January 2006
Two things I hate on PCs Categories: Computers, Reflexions, Standards and usability ~ Replies: none
Nobody's perfect, and the faster you type, the more mistakes you're liable to make.
- The shift lock key
- The insert key
- The F1 key
I know, there are 3 but wtf.
XML and CSS for ATOM Categories: (X/HT)ML, CSS, Site announcement, Standards and usability ~ Replies: none
When XSLT seems overkill or you don't want to invest time into learning it, CSS can help. Because, though I thought otherwise until recently, CSS can be used to style XML. Which makes for much friendlier feed display should one wish to preview the feed inside a browser window.
iPod + iTunes (PC): avis et description Categories: Music, Standards and usability ~ Replies: none
Après des années d'attente, la bête est entre mes mains.
Voici ce que je trouve à en dire...
Mise en place de commentaires AJAX - 2ème partie Categories: Javascript, PHP, Site announcement, Standards and usability ~ Replies: 2
Depuis ce post, le formulaire de commentaire est ajouté à la page. Mais je voudrais aller plus loin.
Raccourcis pratiques en bureautique Categories: Computers, Goodies, Standards and usability ~ Replies: none
Venant du Mac, j'ai encore le réflexe drag'n drop, souvent. Une effrayante minorité d'applications le prennent en charge sur windows (en particulier les logiciels microsoft) mais il arrive de tomber dessus parfois. En voici quelques exemples.
December 2005
L'atom est arrivé! Categories: (X/HT)ML, Site announcement, Standards and usability ~ Replies: 2
Ce site est maintenant Atom-enabled. ![[Valid Atom 1.0]](/images/ATOMvalid.png "Validate my Atom 1.0 feed")
Moi aussi je serai WEB 2.0, un jour! Categories: Site announcement, Standards and usability ~ Replies: none
AJAX et JAH ouvrent pas mal de possibilités. Avant de refaire l'architecture du site au complet (voeu pieux), je vais envisager ce qui pourrait gagner à être plus dynamique et comment. Et réfléchir à comment je concilierai ça avec usabilité et moteurs de recherche... Vos propositions sont les bienvenues, en tant qu'utilisateurs du site!
Mise en place de commentaires ajax Categories: (X/HT)ML, Javascript, Site announcement, Standards and usability ~ Replies: 145
J'ai voulu tester ajax, je vous encourage à tenter de laisser un commentaire pour dire si ça marche, et avec quoi. Les détails suivent pour ceux qui lisent tout.
Affichage des erreurs CSS par la console javascript (Firefox) Categories: CSS, Javascript, Programming, Standards and usability ~ Replies: 1
La console javascript affiche les erreurs de css, au même titre que les problèmes rencontrés dans le code javascript. Et un double-clic sur l'erreur ouvre le source, en pointant sur la ligne fautive.
Bien plus pratique que le validateur du W3, et accessible même sans connexion.
Ne me remerciez pas, je ne fais que traduire ce que j'ai lu chez 456, Berea Street.
November 2005
Audio and video consideration Categories: Reflexions, Standards and usability ~ Replies: none
Can we tell what makes or breaks a standard?
Réseaux et infrastructures Categories: Browsing, Reflexions, Standards and usability ~ Replies: none
Ce billet sur les infrastructures de demain est un avis sur le développement des structures sous-jacentes à Internet. Ca date du 9 octobre mais ça reste intéressant... Morceaux choisis:
De tout temps, le développement économique d'un territoire a été fonction de ses infrastructures.
[...]
Il est du devoir des collectivités locales de s'occuper de leurs télécommunications à très haut débit.
[...]
Dans une démocratie qui se respecte, la nouvelle infrastructure optique doit être publique, et non pas appartenir à des sociétés privées. Si tel n'était pas le cas, il nous faudrait être logique avec nous-mêmes et vendre nos routes à un consortium privé.
[...]
Source: JM Billaut
July 2005
hCard implementation Categories: (X/HT)ML, Goodies, Standards and usability ~ Replies: none
Standards and microformats are good, we don't even know how much but the possibilities are baffling. But neither the hCard wiki nor the hCard-o-Matic help go beyond name address and phone number.
Usable reloads Categories: PHP, Standards and usability ~ Replies: 1
When changing a page style or language, many websites redirect to the index. In my opinion, this is bad practice, and here is why and how to avoid this.
Long-term categories Categories: Site announcement, Standards and usability ~ Replies: 1
Category names are bound to evolve. This has several implications.
Yet another CMS, take 3 Categories: Computers, PHP, Site announcement, Standards and usability ~ Replies: 3
After some talk and criticism on the previous take, I'm still trying to find the best solutions for several problems.
Yet another CMS, take 2 Categories: PHP, Site announcement, Standards and usability ~ Replies: 12
As I wrote a while ago, I want to create a CMS that's better than what I have yet found. Here's where I stand for the moment.
June 2005
Better URLs in PHP (without htaccess) Categories: (X/HT)ML, Goodies, PHP, Site announcement, Standards and usability ~ Replies: none
I wanted for a while to improve the readability of URLs on my website but without enough time to dive into htaccess. As a temporary fix I chose to expose the title in the URL, together with the id. Here's the how and why.
May 2005
Highlighting search terms Categories: Goodies, PHP, Standards and usability ~ Replies: none
There's one thing I hate, and it's those site that highlight search terms. Why?
April 2005
Yet another CMS Categories: PHP, Site announcement, Standards and usability ~ Replies: 2
There are a LOT of CMSes out there already, even some real industrial-strength ones I bet, but I'd like to make my own both to learn and because my requirements haven't been met as yet -afaik.
The bad thing about accesskeys Categories: (X/HT)ML, Standards and usability ~ Replies: none
Adding accesskeys (website shortcuts) is a nice usability improvement, but I would like to point out two very important things to consider before implementing acceskeys.
XHTML, HTML et les standards Categories: (X/HT)ML, Standards and usability ~ Replies: 1
XHTML: text/html or application/xml? Categories: (X/HT)ML, Standards and usability ~ Replies: none
XHTML: text/html ou application/xml? Categories: (X/HT)ML, Standards and usability ~ Replies: 4
March 2005
3615 Bloglife - www.memyselfandI.com Categories: Site announcement, Standards and usability ~ Replies: none
Une autre vision des choses... - A different view Categories: Browsing, Site announcement, Standards and usability ~ Replies: none
J'ai passé un moment à surfer avec Lynx, le navigateur mode texte inclu dans toute bonne distro (distribution linux) et je peux vous dire que c'est pas encore la joie...
I just spent a while browsing using Lynx, the text-mode browser that ships with every good distro (linux distribution) and I can tell you that the web is far from being semantic!