December 2006

Align bottom in float-based CSS column design Categories: , , ~ Replies: none

Turning mockups into actual HTML+CSS templates is a challenging task. But being free to markup things as one needs makes it a lot less daunting. (Hear: styling ID-less and class-less table layouts is just impossible, a task my friend Yvan was recently faced with).

Read on...

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

October 2006

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

Référencement : quelques chiffres Categories: , , , ~ Replies: none

Appliquer des méthodes d'amélioration du positionnement sur un blog tel que celui-ci peut avoir de drôles de résultats.

Read on...

August 2006

Quelques analogies entre CSS et XSLT Categories: , ~ Replies: none

Ces deux standards visent à modifier le rendu d'un document. Mais leur syntaxe, leur portée et leur complexité sont bien différentes...
Voici quelques correspondances utiles pour passer de l'un à l'autre.

Read on...

Charger un fichier XML avec VB Categories: , , ~ Replies: 1

Quelques infos utiles...

Read on...

July 2006

Favlet cache google (mon premier favlet) Categories: , ~ Replies: none

Lassé de voir des erreurs de chargement, j'ai commencé à utiliser le cache de google. Au début je faisait une recherche, puis cliquait sur le lien "en cache" dans la page de résultat. J'ai créé un petit favlet pour simplifier ça.

Read on...

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

Balises HTML : liste et exemple d'utilisation Categories: , , ~ Replies: none

Ayant traduit la liste des balises html et préparé un document présentant les principales balises en contexte, je les mets à disposition pour qui veut se familiariser avec le langage html.

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

May 2006

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

February 2006

Clips utiles pour Programmer's Notepad Categories: , , , ~ Replies: none

Programmer's Notepad est un notepad gérant la coloration syntaxique, les onglets, la numérotation des lignes, le masquage de blocs logiques...
Je ne m'en passerai plus, d'autant plus qu'on peut modifier le programme selon ses goûts.

Read on...

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.

January 2006

Firefox est un merveilleux outil de travail Categories: , , ~ Replies: none

Quand on doit créer une feuille de style pour un document xml construit en dépit du bon sens avec une logique qui m'échappe totalement, on est heureux de pouvoir compter sur un logiciel aussi performant, moderne et agréable d'utilisation.

Read on...

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

December 2005

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

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

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

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

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

Du dc dans mon flux - A taste of Dublin in my feed Categories: , , ~ Replies: 5

Je vous l'avais promis, j'ai finalement craqué: mon flux peut désormais afficher le html tel quel, je suis passé au rdf. Voici l'adresse temporaire pour celleux qui veulent tester (feed.php), les autre attendez que j'ai vérifié qu'il n'y a pas de bug.

I had promised, and I did succomb to the temptation: now my feed can contain html thanks to the Dublin Core. The temporary url is the following (feed.php) so you can tell me if you find any bug before I serve it to evreyone.

Read on...

April 2005

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

Livre mort ou d'or? - Shoutbox or guestbook? Categories: , ~ Replies: none

Bookmarklets - favelets Categories: , , ~ Replies: 4

Vu que je suis toujours en train de me réinstaller firefox et que je cherche sans arret mes extensions et favoris vraiment importants, je vous les livre ici au cas où ca vous intéresserait aussi.

Since I'm always reinstalling Firefox and looking after my precious bookmarks, I'll let you on to what I really value.

Read on...

February 2005

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

Firefox, I love you! Categories: , ~ Replies: none

Irritation Categories: , ~ Replies: none

November 2004

UTF-8 codes Categories: ~ Replies: none

The updated page with the encoding for many special characters and links to character coding online resources is now to be found here: UTF8 codes.

La page suivante contient un tableau avec le code pour une bonne partie des caractères spéciaux (français, espagnols, etc...) en UTF-8 ainsi que des liens vers des ressources en ligne : UTF8 codes.

Tadaaa! Categories: , , ~ Replies: none

August 2004

Post pour webmestre Categories: ~ Replies: 2

June 2004

Quick comparison in favour of CSS Categories: ~ Replies: none

At the end of my training course, I spent some time re-creating the website of the company I worked at.

Read on...

Technorati Profile