Opera, éditeur norvégien qui développe le navigateur éponyme, vient de sortir en version alpha Dragonfly, un débuggeur JavaScript / DOM fort prometteur. Opera souffrait depuis un moment du manque d’un tel outil, voyons si l’attente en valait la peine…

Bien évidemment, on ne peut s’empêcher de penser à Firebug, une application similaire existant pour Firefox sous forme d’extension. Celui-ci, maintenu par un développeur de chez Facebook, a réellement changé la vie des aficionados du JavaScript tant il simplifie lé débuggage d’applications JavaScript / AJAX complexes. (pendant ce temps, les développeurs Flash attendent toujours un débuggeur décent…)

Notez que Microsoft prépare également un outil dans le style pour Internet Explorer 8.

Ce qu’il y’a d’important à retenir sur Dragonfly :

• l’appli est légère et assez réactive, contrairement à Firebug qui avait tendance à mettre Firefox 2 à genoux assez vite
• Dragonfly se comporte comme un application web et se met donc à jour automatiquement
• possibilité de débugger à distance, utile pour des terminaux mobiles ou des consoles (uniquement avec Opéra Mini pour le moment)
• mise à jour du DOM en live
• pas encore possible d’éditer le CSS à la volée, mais promis-juré c’est pour bientôt, qu’ils disent
• Dragonfly est open source (licence BSD) : un premier pas d’Opera vers le libre ?
• les gens d’Opera ont un accent rigolo.

Dragonfly est plutôt léché, mais n’offre en l’état pas grand chose de plus que Firebug. Ce n’est encore qu’une alpha et les gens d’Opera ont fait un tas de promesses alléchantes, donc wait and see…

“The initial alpha release is just the beginning. Opera Dragonfly has a fully featured road map, including support for editing of CSS, JavaScript and the DOM, a single window mode, improved JavaScript thread handling, XHR AND HTTP MONITORING, improved keyboard navigation, and translation into a number of languages.”

Dragonfly est livré avec Opera 9.5 beta 2. On accède ensuite à l’outil via Outils > Avancé > Outils de développeur, et ensuite il n’y a plus qu’à suivre le petit tutorial.

Le “oui mais t’a pas Firebug” étant généralement de mise lorsque l’on évoque Opera à un Firefox fanboy, voilà qui va peut-être un peu changer la donne et attirer un peu d’attention sur un navigateur qui le mérite largement (et qui passe le test Acid3, contrairement à d’autres…).

Un peu de Javascript dans ce monde de flasheur bon sang de bois !

Et avant toute chose, je tenais à clarifier mon statut : je suis graphiste/webdesigner et non développeur pur souche.
Voila qui est dit, on peut donc partir sur de bonnes bases !

La YUI (pour Yahoo! User Interface et à prononcer “yaoui”) est la librairie Javascript écrite par le géant Yahoo! et qui comporte un nombre très intéressants de features pour la manipulation du DOM, la gestion d’Event et l’AJAX.
Le gros avantage de cette librairie sur les autres est sa robustesse puisque la YUI est compatible tout navigateur avec une gestion des links très aisées (pas besoins de charger toute la YUI pour une simple gestion d’event). Elle est donc beaucoup plus légère que le couple prototype/scriptaculous grâce à sa conception modulaire mais en revanche bien plus bavarde à cause des namespace.

Lire le reste de cet article »

Je viens de voir que swfobject à subit une grosse mise à jour. Swfobject étant une librairie JavaScript pour intégrer rapidement des objets Flash dans des pages HTML et surtout éviter les cadres qui apparaissent autour des Flash dans Internet Explorer.

Tout d’abords, le projet swfobject est maintenant hébergé sur un Google Code avec du coup accès par SVN au dernières versions des sources.

Mais les gros changements concernent surtout la façon de l’utiliser : exit le “var so = new SWFObject()”. Maintenant on à le choix entre insérer le Flash dans la page avec les balises standards puis activer swfobject (Ils appellent ça l’insertion statique) OU insérer le Flash directement avec JavaScript (insertion dynamique) avec la méthode swfobject.embedSWF().

Allez donc lire la doc qui explique tous super bien avec plein d’exemples

Billet original sur blogbangbang.com

Après plusieurs discussions à l’école comme au travail, j’avais envie de tester un peu plus le format JSON pour donner et recevoir des données en AJAX (on devrait dire AJAJ du coup non ?).

Et vu que j’avais également envie de tester des petites choses avec prototype sur à la conférence ParisOnRails, je me suis dis pourquoi pas faire d’une pierre deux coups.

Je vous propose donc le résultat de mes différents tests avec Prototype 1.6 et Scriptaculous côté Javascript et PHP (version 5.2 minimum obligatoire) côté serveur.

Lire le reste de cet article »

Prototype est le framework javascript le plus en vue du moment, notamment utilisé par Scriptaculous et Moo.
Ce billet a pour but d’expliquer certaines fonctionnalités moins connues du framework mais pourtant très utiles dans la vie du développeur.

Lire le reste de cet article »

Bien utile ce petit projet qu’est SWFAddress. Ce système mêlant JavaScript et ActionScript permet de gérer une navigation dans un site full Flash à l’aide de la barre d’adresse. Plus précisément à l’aide du hash de l’URL (la partie qui se trouve après le #).

Je vous propose ici la class SWFAddress AS3 utilisée côté Flash, mais réécrite en version instanciable et utilisant le modèle événementiel de l’AS3 (addEventListener …)

Télécharger la classe
Site de SWFAddress

Voici l’utilisation de base de cette classe :

package {
  public class Main {
    private var addr:SWFAddress;
 
    public function Main() {
      addr = new SWFAddress();
      addr.addEventListener(Event.CHANGE, addressChange);
    }
    private function addressChange(e:Event) {
      trace(addr.value);
    }
  }
}