Tommy Olsson vient de publier sur Digital Web un article très pédagogique sur le positionnement CSS, qui s’adresse aux débutants, mais aussi aux autres. Il passe tout le sujet en revue de manière très détaillée, en abordant entres autres les notions de containing block, viewport, etc …An element with position:absolute is removed from the document flow, which means the rest of the document acts as if the element weren't there. It won't affect subsequent elements. Instead, it could end up layered over other elements, unless we make sure it doesn't.Cliquez ici pour accéder à l’article.

Lightbox-likeSmoothBox, par Boris PopoffLa conversion pour Mootools de Thickbox, une lightbox-like fonctionnant sous jQuery. Elle permet d’afficher :Une image seuleUn groupement de plusieurs imagesDu contenu inlineDu contenu via IframeDu contenu AJAXElle permet également d’afficher, si vous le souhaitez, du flash, en passant par l’iframe. Le seul autre script presque aussi polyvalent est SqueezeBox d’Harald Kirschner, mais il ne fait pas l’iframe Sinon, les deux scripts font à peu près le même poids, 11k pour smoothbox, 10k pour SqueezeBox.SqueezeBox, par Harald KirschnerUne des meilleures lightbox-like pour mootools que je connais...

Paul OB vient de publier via le site Serach-This un article sympa qui nous rapelle que l’on peut attribuer plusieurs classes à nos éléments, dans le but d’optimiser son CSS. Il nous explique comment les différentes propriétés des différentes classes inter-agissent entre elles, et nous rappelle que cette pratique est compatible avec la totalité des browsers modernes This article will teach you the technique of using space separated classes thereby allowing you to be a better CSS artist. To show off this technique we will first style and then swap around four floated columns without breaking a sweat.Cliquez ici pour accéder à l’article.

Vous connaissiez déjà Google Pagerank ? Voici Page Strength, un nouveau challenger par SEOmoz vous permettant de mesurer la visibilité et la popularité d’un site Web.Page Strength se base sur de nombreux facteurs pour afficher son résultat :Le nombre de liens pointant vers votre site Web, via Yahoo! Site ExplorerLe nombre de liens pointant vers votre domaine, également via Yahoo! Site ExplorerLa position dans Google lors d’une recherche sur les 4 premiers mots du titreL’age du domaine, via Wayback MachineLe nombre de liens vers votre site depuis des domaines en .edu et .gov, via YahooLes rankings dans AlexaLa visibilité de votre domaine, via GoogleLe nombre de liens int...

Redémarrage d’un PC sous Windows XP via Connexion Bureau à distancePour ceux qui utilisent la Connexion Bureau à distance de Windows XP, peut être vous êtes vous déjà demandé comment redémarrer votre machine à distance. En effet, si vous allez dans le menu Démarrer, vous ne trouverez pas d’option Arrêter, mais uniquement Fermer la session et Déconnexion.Pour effectuer le reboot à distance, c’est très simple. Allez dans le menu menu Démarrer, puis faites Exécuter. Tapez alors :shutdown -rVotre ordinateur va alors rebooter au bout de 30 secondes ! Cependant, vous ne pourrez pas vous y connecter de nouveau, car Windows ne permet pas la connexion tant qu’aucun utilis...

Si lorsque vous démarrez un nouveau projet, vous êtes du style a télécharger la distrib’ complète de Mootools, et de vous dire que vous verrez bien au moment de la mise en prod’ quels composants enlever, IceBeat a codé le soft qu’il vous faut.Packito est un programme PHP qui va analyser votre code javascript et vous indiquer quels sont les éléments nécessaire au bon fonctionnement de celui-ci. Vous devez bien entendu spécifier l’url de chaque fichier javascript non compressé. Packito est conçu pour marcher avec la dernière version de Mootools, la 1.1, sortie récemment.Ce qu’on aimerais bien avoir :- La possibilité de générer la distrib’ Mootools corres...

Comme vous l’avez sûrement déjà remarqué, lorsque vous entrez une url pointant vers un répertoire, et qu’il n’y a pas de fichier d’index du type index.html, en général, le serveur va vous lister tous les fichiers du répertoire. Exemple 1.Cela peut poser des problèmes au niveau de la sécurité, en effet vous pouvez par exemple avoir oublié des backups, ou des données sous forme de fichier texte ou autres, qui ne doivent normalement pas être accessibles.Le directory listing est activé par défaut sur la plupart des serveurs. Pour le désactiver deux solutions :La première, consiste à placer un fichier index.html vide dans chaque répertoire ou ce dernier n’est pas...

Si comme moi vous utilisez putty, vous vous êtes déjà sans doute rendus compte qu’il n’y a aucune option pour exporter ou importer vos paramètres. Cela est fort regrettable, dans le sens où à chaque fois que vous changez de poste, vous devez tout reconfigurer : couleurs, polices, comportement du terminal, etc…En fait, la configuration est stockée dans la base de registre, l’importation et l’exportation est donc possible.Pour exporter votre configuration, ouvrez une ligne de commande (démarrer > exécuter > cmd), puis tapez :regedit /e putty.reg HKEY_CURRENT_USER\Software\SimonTatham\PuTTY\SessionsVos paramètres seront alors sauvegardés dans un fichier .reg, d...

Voici la phrase du jour MySQL won’t/can’t use indexes where you apply a function to a column in a where condition.Par exemple, si vous faites comme ceci, les indexes ne seront pas utilisés.SELECT * FROM ma_table WHERE DATE(date_insert) = '2007-05-01' ;Mieux vaut contourner le problème en faisant cela, même si il y a peut être plus élégant comme solution.SELECT * FROM ma_table WHERE date_insert BETWEEN '2007-05-01' AND '2007-05-02' ;Dans ce dernier cas, les indexes seront utilisés, et la requête sera beaucoup plus rapide !Source : Forum de MySQL Performance

La plupart des utilisateurs naviguent sur internet avec le cache de leur navigateur activé, ce qui est en soit une bonne chose. Cela permet de diminuer le trafic requis pour afficher la page, la page s’affiche donc plus vite, et le serveur a moins de données a uploader.Le souci, c’est que quand vous apportez des modifs à vos fichiers JS ou CSS, si l’utilisateur a déjà des anciennes versions dans son cache, son navigateur ne les téléchargera pas, à moins que l’utilisateur vide son cache manuellement (CTRL+F5), ce que les utilisateurs “lambda” ne font pas.Nous allons voir comment exploiter le comportement des navigateurs face aux paramètres en GET dans l...

It’s been a long time … Mais me revoilà Nous allons voir comment s’amuser avec Scoopeo et un peu de Javascript Pour ceux qui ne connaissent pas, Scoopeo est un digg-like francophone.Coté Javascript, Scoopeo utilise prototype, un framework assez proche de l’excellentissime mootools, même si ce dernier est selon moi bien plus évolué.Prototype permet, comme son petit frère mootools, l’utilisation des fonctions $$ et each, ce qui nous permet de faire les actions suivantes.Pour les utiliser :Soit vous enregistrez le lien dans vos favoris, ce qui vous fait alors un Bookmarklet sur lequel vous cliquerez quand vous serez sur la page en questionSoit vous allez sur ...

Je viens de tomber sur une liste de benchmarks très complète sur nontroppo.org, qui met face à face :Safari 3Opera 9.5 (Kestrel)Opera 9.2 (Merlin)Internet Explorer 7Firefox 2Firefox 3On y apprend que dans l’ensemble, Opera 9.5 est le plus rapide de tous.Ce qui me choque également, c’est la non-performance remarquable de Firefox 3 pour le chargement des sites Web complexes. Pour charger des sites comme Digg, le New York Times, ou BBC News, Firefox 3 est de 2 à 6 fois plus lent que la plupart des autres browsers. Apparemment, cela pourrait en partie être du à un déclenchement trop tardif de l’évènement onload.Je ne sais pas ce que vous en pensez, mais je trouve qu’O...

Aaron Boodman vient d’annoncer sur son blog le lancement du nouveau frontend de Gmail, comme dit plus tôt sur le blog officiel.Au programme des optimisations en profondeur du code javascript, ce qui va se traduire par une rapidité fortement accrue de l’application.Il nous fait savoir également que les salariés de Google utilisent eux même Gmail au travail, ce qui n’est pas forcément le cas de toutes les boites qui développent un Webmail.Enfin, pour l’anecdote, il nous raconte qu’un des développeurs est allé jusqu’à faire un reverse du jscript.dll (la librairie javascript de microsoft), pour comprendre comment l’algorithme du Garbage Collector d&...

Aujourd’hui est un grand jour !! Aptana annonce fièrement la sortie de la version 1.0 de son éditeur ! Jusqu’à présent nous étions sur des version Beta, avec un système de Milestones.Pour ceux qui ne connaissent pas, Aptana est l’IDE ultime pour le développement Web, avec le support du CSS, JS, HTML, et PHP. C’est depuis plus d’un an l’éditeur que j’utilise pour le CSS et le JS, et avec la version 1.0, je pense que je vais également l’utiliser pour le PHP.La version 1.0 apporte son lot de nouveautés :CSS PreviewHTML, CSS, and JavaScript FormattingCode drag and dropVisual ScriptDoc ExplorerEnhanced Dynamic Help SystemTons of User Interface P...

Tout d’abord, très bonne année 2008 à toutes et à tous Je viens de retrouver dans mes bookmarks un article de SEOmoz sur les facteurs de classement de l’algorithme de google. Cet article est une vraie perle. Il vous détaille point point par point de quels facteurs dépend le bon référencement de votre site, et quels sont leur niveau d’importance. Pas moins de 37 personnes ont contribué à la rédaction de cet article, qui en est à sa version 2.Après avoir lu la trentaine de pages que comporte ce document, vous saurez quasiment tout ce qu’il faut savoir pour construire des sites web optimisés pour un bon référencement.C’est par ici : Search Engine Ranking Facto...