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

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

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

J’avais un peu galeré pour le trouver celui là En fait il cible les moteurs KHTML et WebKit, c’est à dire toutes les versions de Safari, et Konqueror.html[xmlns*=""] body:last-child ... { ... }Testé avec Konqueror 3.5, Safari 1.2 Mac, Safari 1.3 Mac, Safari 2.0 Mac, Safari 3.1 Mac, Safari 3.1 Win, IE6, IE7, IE8, FF1.5, FF2, FF3Source : BTreeHugger’s Blog

L’attribut CSS :first-child est bien utile dans de nombreux cas. Pour rappel, il permet de cibler le premier enfant d’un élément.Par exemple, via le code suivant, vous aurez le premier div enfant du div “monDiv” qui sera rouge, et les deux autres verts :HTML : <div id="monDiv"> <div>Hello</div> <div>Crazy</div> <div>World</div></div>CSS : div#monDiv div { background-color:green;}div#monDiv div:first-child { background-color:red;}Ca qui donnera : HelloCrazyWorldIE6 ne gérant pas l’attribut first-child, nous allons l’émuler via du javascript directement dans le CSS via la propriété expression :div#monDiv div...

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

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

Tom vient d’annoncer la sortie de Mootools 1.2.1 sur le blog.Au programme, surtout des bugfix, et le support des tout derniers Browsers, tout comme le montre le changelog : MooTools 1.2.1 - October 16th, 2008[ADD] Element.set(’html’) now allows to set the innerHTML of all Elements (including tables and selects)[ADD] Browser.Features.query to check if the Browser supports the new querySelector method on the document object[ADD] Browser.Engine detection for WebKit version 525[ADD] Browser.Engine detection for Opera 9.6[ADD] Element.removeEvents now also accepts an object[ADD] Class.removeEvents now also accepts an object[ADD] Element.match now also accepts an Element[CHG] ...

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.

Si vous développez en JS, vous utilisez certainement la fonctionnalité très utile de firebug permettant d’afficher un message dans la console, console.log(). Le problème, c’est que chaque appel à cette fonction va produire une erreur si firebug n’est pas présent, et donc interrompre l’exécution JS. Pas top sur un site en prod’ si vous laissez par mégarde des console.log() dans le code.Voici comment désactiver tous les appels à console.log() si firebug n’est pas présent :if (typeof console != "object") { var console = { 'log':function(){} };}Vous pouvez bien sur adapter le code pour désactiver console.log() si on est sur le domaine de prod’ même s...

Et voilà, cela fait plusieurs mois que j’utilise un thème perso pour Aptana, je me suis dit que certains d’entre vous pourraient être intéressés !C’est un thème “light on dark”, avec un fond sombre donc, ce qui est moins fatiguant pour les yeux que le thème standard.Je vous laisse aller voir la home page de Green Chaud.

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.

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