Dator Blog

Sizzle est le dernier projet du gourou du Javascript John Resig .

Cette librairie permet de sélectionner des éléments DOM mais qui promet d’être plus rapide que les sélecteurs CSS actuels comme jQuery.find().

C’est une librairie qui ne dépend de aucun framework comme le dis John Resign .

4x faster in Firefox 3, 3x faster in Opera 9, 1.5x faster in Safari 3 than the other major JavaScript libraries. It’s completely standalone (no library dependencies) and clocks in at under 4kb.

Comment on peut le voir, cette librairie est :

• 4 fois plus rapide sur Firefox 3 que les autres librairies Javascript.
  
• 3 fois plus rapide sur Opera 9 que les autres librairies Javascript.
• 1.5 fois plus rapide sur Safari que les autres librairies Javascript.

De plus elle ne dépend d’aucun framework et pèse au total 4kb …

Vous pouvez déjà utiliser le code ou commencer a utiliser jQuery 1.3 bêta 1 qui intègre Sizzle !

• 4 commentaires

Sous ce titre optimiste ce cache un nouveau plugin écrit sur la base de jQuery. Avec jQuery Gestures nous pouvons définir certain événement déclenché avec la souris et leur affecter des actions.

Par exemple, pour savoir si la souris va vers le haut :

//Initialisation du plugin et de la couleur du tracé
$.gestures.init({active:false,color:'#ff0000'});

// Enregistrement d'un nouveau gest (haut)
$.gestures.register('U', function() {
  alert('En haut !');
 });

Simple non?

Allez un peu plus dure maintenant :

// Haut Bas Droite Gauche
$.gestures.register('DLUR', function() {
  alert('Un rectangle !!');
  });

Enfaite, les mouvements sont déjà définis dans le plugin mais vous pouvez re-définir les actions quand ces mouvements sont executés.

Vous pouvez voir une démonstration sur cette page.

• 7 commentaires

La nouvelle version de jQuery 1.3 vient de sortir en bêta aujourd’hui.

Dans cette bêta on peut noter plusieurs nouveautés surtout axé sur la rapidité d’exécution des actions et des effets comme par exemple :

• On retrouve le Sizzle de John Resig (Sizzle est une librairie de selecteur CSS).
• Une délégation d’événement en direct.
• Une nouvelle méthode $(’div’).closest(’div’); qui retourne l’élément le plus proche de celui selectionné (ou celui-ci).
• .hide()/.show() ont été ré-écrites augmentant la rapidité de 50 à 200%
• .append()/.before()/.prepend()/.after()  ont été ré-écrites augmentant la rapidité d’exécution de 10 à 15 fois.

Cette nouvelle version promet beaucoup de chose et je suis sur quelle ravira beaucoup de développeur !

• 1 commentaire

The Cloud Player est un lecteur MP3 écrit entièrement en Javascript et plus précisement avec la librairie jQuery.
Ce genre d’application montre toute la puissance du Javascript quand celui-ci est bien maitrisé.

Les musiques présente sur ce site vienne de la banque de son SoundCloud.

• 8 commentaires

J’ai trouvé cela sur Ajaxian, Deploy* permet de générer simplement vos fichiers HTML avec les inclusions CSS et Javascript qu’il faut.

Ce genre de générateur est assez pratique car il simplifie grandement le début de vos applications web.

Deploy* permet de choisir entre :

• Les différents DOCTYPE (Strict / Transitional / Frameset ).
• Les fichiers CSS ( None / Vide / Reset CSS ).
• Les composant de la librairie JQuery.
• Ajout de dossier images, PHP, Flash et includes.

Vous pouvez créer votre base sur le site ou télécharger le petit framework de génération.

• 4 commentaires

Harmony est un framework qui nous permet de transformer du PHP en javascript de façon simple et extrêmement efficace. On peut donc imaginer que ça pourra aider les personnes qui ne sont pas très alaise avec le Javascript.

Ce framework nous propose un ensemble de fonctionnalité très intéressante comme :

• Convertion du PHP 5 en Javascript.
• Presque toutes les fonctionnalités du PHP sont présentes dans le javascript.
• La notation orienté objet se base sur la librairie Mootools.
• Utilise php.js pour les fonctions PHP
• Harmony XML : Similaire au MXML de Flex
• Harmony Toolkit : Création de composants personels
• Open Source et sous licence MIT

Et voici un exemple concret avec du PHP:

< ?php
class Animal
{
	public $age;

	public function __construct($age)
	{
		$this->age = $age;
	}
}

class Cat extends Animal
{
	public $name;

	public function __construct($name, $age)
	{
		parent::__construct($age);
		$this->name = $name;
	}
}

$myCat = new Cat('Micia', 20);
echo $myCat->name;
echo $myCat->age;

Ce qui nous donne un javascript comme cela :

var Animal = new Class({

	initialize: function(age)
	{
		this.age = null;
		this.age = age;
	}
});

var Cat = new Class({
	Extends: Animal,

	initialize: function(name,age)
	{
		this.name = null;
		this.parent(age);
		this.name = name;
	}
});

myCat = new Cat('Micia', 20);
document.body.write( myCat.name);
document.body.write( myCat.age);

• 4 commentaires