December 2006
Align bottom in float-based CSS column design Categories: (X/HT)ML, CSS, Goodies ~ 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).
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.
October 2006
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
Référencement : quelques chiffres Categories: (X/HT)ML, Computers, SEO, Site announcement ~ 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.
August 2006
Quelques analogies entre CSS et XSLT Categories: (X/HT)ML, CSS ~ 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.
Charger un fichier XML avec VB Categories: (X/HT)ML, Programming, Visual Basic ~ Replies: 1
Quelques infos utiles...
July 2006
Favlet cache google (mon premier favlet) Categories: (X/HT)ML, Quicklinks ~ 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.
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.
Balises HTML : liste et exemple d'utilisation Categories: (X/HT)ML, Goodies, Quicklinks ~ 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: (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.
May 2006
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...
February 2006
Clips utiles pour Programmer's Notepad Categories: (X/HT)ML, CSS, Goodies, Quicklinks ~ 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.
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.
January 2006
Firefox est un merveilleux outil de travail Categories: (X/HT)ML, Computers, CSS ~ 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.
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.
December 2005
L'atom est arrivé! Categories: (X/HT)ML, Site announcement, Standards and usability ~ Replies: 2
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.
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.
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
Du dc dans mon flux - A taste of Dublin in my feed Categories: (X/HT)ML, PHP, Site announcement ~ 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.
April 2005
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
Livre mort ou d'or? - Shoutbox or guestbook? Categories: (X/HT)ML, Site announcement ~ Replies: none
Bookmarklets - favelets Categories: (X/HT)ML, Browsing, CSS ~ 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.
February 2005
Amélioration des titre - Title improvements Categories: (X/HT)ML, Site announcement, Standards and usability ~ Replies: none
Firefox, I love you! Categories: (X/HT)ML, CSS ~ Replies: none
Irritation Categories: (X/HT)ML, PHP ~ Replies: none
November 2004
UTF-8 codes Categories: (X/HT)ML ~ 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: (X/HT)ML, Site announcement, Standards and usability ~ Replies: none
August 2004
Post pour webmestre Categories: (X/HT)ML ~ Replies: 2
June 2004
Quick comparison in favour of CSS Categories: (X/HT)ML ~ Replies: none
At the end of my training course, I spent some time re-creating the website of the company I worked at.