December 2006

Javascript : un vieux langage, une nouvelle maturité Categories: , , , ~ 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.

Read on...

HTML + CSS, un design robuste Categories: , , ~ 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.

Read on...

Accessibilité : des gestes simples Categories: ~ 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...

Read on...

October 2006

Teasing... Categories: , ~ 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: ~ 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.

Read on...

Coordonnées incorrectes avec input image sur Firefox Categories: , ~ 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.

Read on...

Incorrect coordinates using input image in form Categories: , ~ 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.

Read on...

Getting "contact" right Categories: , , ~ 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

  1. a bit stupid for not noticing the mailto: protocol in the statusbar
  2. angry at the website designer for styling a mailto like a normal page

Let's discuss what "contact" links should lead to.

Read on...

September 2006

Accessibilité : c'est ceux qui en parlent le plus... Categories: , ~ 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.

Read on...

Recherches simplifiées avec Firefox Categories: , , ~ 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 !

Read on...

Amélioration de l'ergonomie et de l'accessibilité Categories: , , ~ Replies: none

Petite nouveauté : ce site s'est enrichi de raccourcis permettant de sauter directement aux principaux 'blocs' de la page.

Read on...

July 2006

Attaching event workaround for IE, checking radio inputs unreliable (bug) Categories: , , , ~ 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.

Read on...

CSS : liste des propriétés et valeurs possibles Categories: , , , ~ 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: , , , , ~ 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.

Read on...

La pub elle passera pas par... Ah bah si Categories: , ~ 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.

Read on...

May 2006

Indicateur de focus pour Firefox Categories: , , , , ~ 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.

Read on...

Distinguer les liens qui n'en sont pas Categories: , , ~ 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.

Read on...

Web 2.0 : dynamisme, interaction, design Categories: , , , , ~ 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...

Read on...

March 2006

Cinq extensions indispensables pour Firefox Categories: , , , ~ 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.

Read on...

February 2006

Dotclear 1.2.x et Atom 1.0 Categories: , , , ~ 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: , ~ 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: , ~ 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...

Read on...

January 2006

Two things I hate on PCs Categories: , , ~ Replies: none

Nobody's perfect, and the faster you type, the more mistakes you're liable to make.

  1. The shift lock key
  2. The insert key
  3. The F1 key

I know, there are 3 but wtf.

XML and CSS for ATOM Categories: , , , ~ 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.

Read on...

iPod + iTunes (PC): avis et description Categories: , ~ Replies: none

Après des années d'attente, la bête est entre mes mains.
Voici ce que je trouve à en dire...

Read on...

Mise en place de commentaires AJAX - 2ème partie Categories: , , , ~ Replies: 2

Depuis ce post, le formulaire de commentaire est ajouté à la page. Mais je voudrais aller plus loin.

Read on...

Raccourcis pratiques en bureautique Categories: , , ~ 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.

Read on...

December 2005

L'atom est arrivé! Categories: , , ~ Replies: 2

Ce site est maintenant Atom-enabled. [Valid Atom 1.0]

Moi aussi je serai WEB 2.0, un jour! Categories: , ~ 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: , , , ~ 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.

Read on...

Affichage des erreurs CSS par la console javascript (Firefox) Categories: , , , ~ 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: , ~ Replies: none

Can we tell what makes or breaks a standard?

Read on...

Réseaux et infrastructures Categories: , , ~ 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: , , ~ 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.

Read on...

Usable reloads Categories: , ~ 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.

Read on...

Long-term categories Categories: , ~ Replies: 1

Category names are bound to evolve. This has several implications.

Read on...

Yet another CMS, take 3 Categories: , , , ~ Replies: 3

After some talk and criticism on the previous take, I'm still trying to find the best solutions for several problems.

Read on...

Yet another CMS, take 2 Categories: , , ~ 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.

Read on...

June 2005

Better URLs in PHP (without htaccess) Categories: , , , , ~ 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.

Read on...

May 2005

Highlighting search terms Categories: , , ~ Replies: none

There's one thing I hate, and it's those site that highlight search terms. Why?

Read on...

April 2005

Yet another CMS Categories: , , ~ 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.

Read on...

The bad thing about accesskeys Categories: , ~ 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.

Read on...

XHTML, HTML et les standards Categories: , ~ Replies: 1

XHTML: text/html or application/xml? Categories: , ~ Replies: none

XHTML: text/html ou application/xml? Categories: , ~ Replies: 4

March 2005

3615 Bloglife - www.memyselfandI.com Categories: , ~ Replies: none

Une autre vision des choses... - A different view Categories: , , ~ 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!

Read on...

February 2005

Amélioration des titre - Title improvements Categories: , , ~ Replies: none

Opera, je te hais! Categories: , ~ Replies: none

Web geek stuff Categories: , ~ Replies: none

December 2004

On est mal barrés... - We're heading into the wall Categories: , ~ Replies: none

November 2004

Tadaaa! Categories: , , ~ Replies: none

May 2004

Webdesigners de toute la toile, unissez vos efforts! Categories: , ~ Replies: 3

Technorati Profile