Articles de la catégorie « Front-end »

Flux RSS de la catégorie « Front-end »

Des problèmes avec Firebug depuis Firefox 2.0.0.12 ?

Par Pierre Bertet

Depuis la dernière mise à jour de Firefox (2.0.0.12), l’onglet « HTML » de Firebug n’affiche plus le style des liens. Firebug 1.1 beta n’a pas ce problème : vous trouverez cette version sur le site du projet Fireclipse, dont le but est d’apporter une interaction entre Firebug et Eclipse. Diverses améliorations et corrections de bugs ont été apportées au passage à notre très chère extension, mais il ne s’agit pas d’un fork : la version 1.1 finale sera bien distribuée sur getfirebug.com, comme l’indique un billet sur le blog du site. Fireclipse regroupe les éléments suivants : L’extension Firebug […]

Webkit supporte document.query­Selector­All();

Par Pierre Bertet

Le seul moyen de sélectionner des éléments en Javascript est d’utiliser les méthodes DOM classiques : document.getElementById(), getElementsByTagName(), nexSibling(), etc. C’est assez fastidieux, et n’incite pas vraiment les développeurs à concevoir leurs scripts de manière non-intrusive. Voilà pourquoi plusieurs librairies Javascript ont ajouté une couche supplémentaire : il suffit de passer une chaîne de sélecteur CSS, et cette chaîne est retranscrite en méthodes DOM classique par le moteur de la librairie pour retourner un tableau d’éléments correspondant à ce sélecteur. Evidemment, toutes ces opérations ont un coût en termes de performances. Selectors API propose de régler ce problème : il […]

Lire la suite

Commentaires fermés sur Webkit supporte document.query­Selector­All();

Les pop-ups sont morts

Par Eric Le Bihan

Certaines pratiques ont la vie dure… La navigation par pop-up à l’intérieur d’un site en est une des plus tenaces. Pourquoi utiliser des pop-up ? Le raisonnement que j’entends souvent est : « le contenu n’est pas assez important pour une nouvelle page ». Ce raisonnement aussitôt contredit par des demandes de pop-up de 650px sur 800 px … Pourquoi tant d’acharnement ??!! Bien sur je ne parle pas des pop-up non sollicitées qui ne méritent même pas qu’on s’y arrête ne serait-ce qu’un instant, les navigateurs tels que Firefox ou Opéra, nous en débarassent sans que nous ne nous […]

Internet Explorer 6 : ID, class et background

Par Pierre Bertet

Puisque notre vieil ami ne semble pas décidé à céder sa place de leader, nous avons largement le temps de nous intéresser à certains de ses comportements si… particuliers. Internet Explorer 6 ne comprend pas la sélection de classes multiples en CSS : il ne prend en compte que la dernière classe. Il est néanmoins possible d’utiliser un ID et une classe combinée sans problème : .uneclasse.uneautreclasse{ /* IE6 comprendra : .uneautreclasse{} */ } #fixe.bonbon{ /* Pas de problème */ } Mais, d’après ce que je crois avoir compris : Si un sélecteur « id+class » est utilisé, et qu’un […]

Un premier brouillon pour HTML5

Par Pierre Bertet

Le premier brouillon (Working Draft) de HTML5 vient d’être publié par le W3C. L’annonce sur le blog du WHATWG : http://blog.whatwg.org/html-5-published-as-w3c-first-public-working-draft Vous trouverez sur la page suivante les différences entre HTML4 et HTML5 : http://www.w3.org/TR/html5-diff/ Laurent Jouanneau a publié un excellent article à ce sujet : http://ljouanneau.com/blog/2008/01/23/747-premier-brouillon-de-html5 […]

Lire la suite

Commentaires fermés sur Un premier brouillon pour HTML5

IE7.js v2.0 (Beta)

Par Pierre Bertet

Dean Edwards vient de mettre à jour son célèbre script IE7.js, permettant de corriger un paquet de limitations CSS / HTML sur notre navigateur préféré : Internet Explorer. Puisque IE7 est sorti, et que certaines limitations sont encore d’actualités, le script a été scindé en deux parties : IE7.js se limite maintenant aux améliorations d’IE7 qu’il apporte à IE5/6, tandis qu’IE8.js reprend les fonctionnalités d’IE7.js toujours absentes dans Internet Explorer 7. Un projet a été créé chez Google Code pour l’occasion : http://code.google.com/p/ie7-js/ Voici un bon moyen d’accompagner doucement ce vieux navigateur vers ses derniers instants, tout en profitant des […]

jQuery : dansez maintenant !

Par Pierre Bertet

Il est grand temps de publier la suite du précédent article sur jQuery, dans lequel nous abordions le fonctionnement global de la bibliothèque, suivi de la construction d’un objet. Nous allons maintenant voir ce qu’il est possible de faire à partir de cet objet. […]

Et alors, ce Reset CSS, on l’utilise ?

Par Pierre Bertet

Eric Meyer a récemment publié une nouvelle version de son fameux Reset CSS. Il s’agit de quelques lignes de code CSS ayant pour but de remettre « à zéro » les styles par défaut appliqués par les navigateurs. Il va cibler les éléments un par un, plutôt que d’utiliser le sélecteur universel (non, rien à voir avec quelque puissance divine) pour diverses raisons : Il ne faut pas styler les intouchables : Boutons radio, Cases à cocher et leurs amis peuvent se montrer très capricieux… Certaines propriétés sont spécifiques à un élément. Quelle doit être la réaction d’un navigateur lorsqu’une […]

Inauguration et introduction à jQuery

Par Pierre Bertet

Inauguration de ce nouveau blog ! Eric, Gafour et moi-même, à travers l’expérience que nous accumulons chaque jour, allons essayer de faire quelque chose d’intelligent ici, et c’est loin d’être gagné ! Nous y parlerons standards, accessibilité, technique, organisation et méthodes de travail. Commençons technique, avec cette bibliothèque Javascript que j’apprécie particulièrement : jQuery Il existe déjà quelques tutoriels et présentations sur jQuery, mais je vais essayer d’en expliquer les bases à ma façon, en espérant que ça puisse aider quelqu’un. jQuery repose sur une seule fonction, c’en est d’ailleurs effrayant de simplicité : $(). C’est tout. Mmm… d’accord, je […]

Articles plus récents