BuildBot: Automatisation des constructions et des tests

Lors du développement d'un projet, il est toujours fastidieux de le construire et de le tester sur toutes les plate-formes qui doivent être supportées. C'est là que BuildBot vient à votre rescousse. C'est un outil, indépendant de la plate forme et du langage, permettant d'automatiser et de distribuer la construction et les tests pour un projet.

BuildBot est structuré de façon à ce que toute la configuration soit centralisée (BuildMaster) mais que les constructions se fassent sur des serveurs esclaves, qui sont les plates-formes à tester (BuildSlaves). Le serveur maître est lié à un dépôt SVN/CVS/etc. pour avoir accès aux changements qui sont faits dans le code source. Soit de façon programmée (ex: nightly builds), ou manuelle, le maître va demander aux esclaves d'exécuter un ensemble de scripts permettant de faire le travail voulu (construction, test, déploiement, etc.). Une fois le travail terminé par l'esclave, il va envoyer le rapport au maître qui pourra par la suite le diffuser via un serveur HTTP, par courriel, par IRC, etc.


Si vous êtes convaincu, BuildBot est disponible à l'adresse suivante: http://buildbot.net/

FireUnit: Une extension de test unitaire JavaScript!

// Some examples of using FireUnit
if ( typeof fireunit === "object" ) {
// Simple true-like/false-like testing
fireunit.ok( true, "I'm going to pass!" );
fireunit.ok( false, "I'm going to fail!" );

// Compare two strings - shows a diff of the
// results if they're different
fireunit.compare(
 "The lazy fox jumped over the log.",
 "The lazy brown fox jumped the log.",
 "Are these two strings the same?"
);

// Compare a string using a regular expression
fireunit.reCompare(
 "The .* fox jumped the log.",
 "The lazy brown fox jumped the log.",
 "Compare a string using a RegExp."
);

// Display the total results
fireunit.testDone();
}

FireUnit!

Tester l'accessibilité de votre site

Vous devez développer une application "accessible" et vous vous demandez comment tester votre site les yeux fermés ? Plusieurs outils s'offrent à vous :

• Avec Cynthia Says, obtenez un rapport sur l'accessibilité de votre site : erreurs, actions à apporter pour corriger l'accessibilité, explication du pourquoi c'est important, etc.
• Utilisez Fang, une extension Firefox, pour visualiser une page telle que "vue" par un screen reader.
• Utilisez The Web Accessibility Toolbar, qui permet de visualiser un site en noir et blanc (comme si vous étiez daltonien), d'effectuer des validations de toutes sortes (HTML, CSS, etc.).
  

/packer/ A JavaScript Compressor: Sentez vous léger!

Vous utilisez une tonne de bibliothèques utilitaires JavaScript?
Votre développement JavaScript maison est très poussé et vos fichiers ne sont plus maintenables tellement ils sont rendu gros?
Tout cela vous coûte une fortune en bande passante à chaque mois?

/packer/ est pour vous. Il s'agit d'un petit utilitaire qui permet de compresser tout fichier JavaScript. En moyenne, j'ai pu observer une réduction autour de 60% de la taille sur plusieurs fichiers JavaScript volumineux. Voici quelques exemples:

• Prototype JavaScript framework 1.6.0.2: 124 Ko -> 46 Ko (36,6% de la taille initiale)
  
• JQuery 1.2.6: 98 Ko -> 29 Ko (29,7% de la taille initiale)

/packer/ est disponible à l'adresse suivante: http://dean.edwards.name/packer/

Tout ce qu'il y a à faire est copier le code JavaScript à compresser dans la boîte "Paste", choisir les options de compression ("Base62 encode" et "Shrink variables") et appuyer sur "Pack". Le résultat se retrouvera dans la boîte "Copy".

Voici un exemple:

function foo(bar) {
   var foobar = Array('foo', 'bar', 'foobar');
 
   for (var i = 0; i < foobar.length; i++) {
       alert(foobar[i] + bar);
   }
}

Taille: 146 octets

function foo(a){var b=Array('foo','bar','foobar');for(var i=0;i<b.length;i++){alert(b[i]+a)}}

Taille: 93 octets (63,7% de la taille initiale)

Éditeur de couleurs CSS

Dans les projets de maintenance de site Web, il peut arriver que le client désire changer la couleur de son site, passer du bleu gorge de pigeon à jaune urine de cactus semblerait un travail colossal.

Replace CSS Color est la pour vous aidez.

Replace All aussi fait la job... mais faut être un peu à l'affût de ce qui ce fait pour avoir l'air cool, if you want to get laid!

CSS Formatteur et Optimiseur

CSS Formatteur et Optimiseur est un optimiseur de feuille de style CSS basé sur csstidy, celui-ci permet donc d’optimiser son code avec pas mal d’options sur la compression et la compatibilité CSS, donc à découvrir absolument.

Disponible en quatre langues dont le français bien sur.

notes Importantes: votre code doit être Valide. Ce n’est pas un validateur qui signale des erreurs dans votre code de CSS. Assurez-vous que votre code est correct en utilisant le le validateur : W3C Validator

Sprite... pas seulement bon au goût

La plupart d'entre-vous connaissez les Sprites, c'est une technique d'optimisation, souvnt utilisé dans les jeux videos et diverse applications, en Web, il nous permet de réduire la quantité de requête HTTP. En réduisant le nombre de requête que votre navigateur doit faire pour récupérer le contenus de votre site Web, vous augmentez la vitesse de téléchargement avec moins de latence HTTP pour les requêtes. Si vous voulez une bonne analogie pour cette méthode d'optimisation, pensez aux tranferts de fichiers. Copier 1000 fichier de 1kb va prendre beaucoup plus de temps à copier que 1 fichier de 1000kb.

Il existe plusieurs générateurs de Sprite pour vos images tel que:

CSS Sprite Generator

JS Bin - Un outil de debuggage JavaScript collaboratif

JS Bin est un outil de debuggage JavaScript collaboratif qui permet de tester du code JavaScript tout en permettant à des collaborateur de travailler sur le même document.

WordOff - Nettoyer et optimiser du code HTML

Si vous avez déjà essayé de convertir un classeur Excel ou un document Word en une page HTML, vous savez surement que ce processus introduit un nombre impressionnant de balises et de styles superflues.

Ceci rend le fichier complètement illisible et lourd. Afin d’obtenir un code HTML propre et léger, Tom Dyson a créé WordOff.org, un webware qui convertie votre HTML abscons en HTML simple, en supprimant tout le superflu.

WordOff supprime tous les éléments HTML qui sont vide, enlève toutes les balises et réduit le nombre de retours charriot.

Cerise sur le gateau, le moteur de WordOff est intégrable dans vos propre application Web en utilisant l’API CURL.

PSD2CSS - Pages Web dynamique en quelques secondes

PSD2CSS est un service web gratuit qui permet de générer automatiquement les fichiers nécessaires compatibles XHTML et CSS à partir d’un PSD (Photoshop)

YUI Doc: Un nouvel outil de génération de documentation d'API JavaScript!!

Hier, Yahoo! nous a annoncé la sortie de "YUI Doc", un outil de documentation qui génère la documentation pour le code JavaScript. Il s'agit d'un outil basé sur les commentaires.

• YUI Doc User’s Guide
• YUI Doc sample output (YUI API documentation)
• YUI Doc community forum
• YUI Doc download

Certain connaissait déjà JSDoc qui est un utilitaire s'inspirant largement de JavaDoc. JSDoc tend à vouloir parser le code, ce qui le rend useless à plusieurs niveau.

//Enjoy the feeling to comment your junk

JavaFX 1.0 est sorti

Hey! vous chercher une idée de présentation... pourquoi pas regarder JavaFX?

Détection d'image brisé en JQuery

Vous avez un site avec des centaines de pages contenant des centaines d'images et vous voulez vous assurez que vos images sont toujours en place et que rien ne pointe sur des images qui n'existe plus? JQuery est la pour vous!

JavaScript:

$(document).ready(function(){
$('img').error(function(){
$.post('ajax-image-error.php',{'image':this.src,'page':location.href});
});
});

PHP:

if(isset($_POST['image']))
{
$to = 'errors@yourdomain.com';
$from = 'automailer@yourdomain.com';
$subject = 'Broken Image';
$content = "The website is signaling a broken image!\n\nBroken Image Path: ".stripslashes($_POST['image'])."\n\nReferenced on Page: ".stripslashes($_POST['page']);
$result = mail($to,$subject,$content,'From: '.$from."\r\n");
die($result);
}

Bookmarklet....

TinyURL est un service web créé par Kevin Gilbertson dans le but d'offrir de courts alias d'URL.

Vous pouvez aussi vous en servir avec un Bookmarklet !

---

Redimensionnez votre browser avec un Bookmarklet ex: 800x600

---

Affichez les mots de passe caché par des étoiles dans une page web.

Google TalkAbout

La plupart d'entre vous utilisez Google Talk.

Vous avez pas beaucoup d'amis et vous êtes gêné de montrer votre Google Talk a votre mère?

He bien vous pouvez ajouter des Google Bots comme amis. De plus, vous pouvez vous en servir pour traduire des textes. Vous n'avez qu'à ajouter comme amis un google bot sous cette forme:

[src language]2[dest language]@bot.talk.google.com

Donc si vous voulez un ami qui traduit du Francais à l'Anglais:
fr2en@bot.talk.google.com

Les paires de traduction possible sont:

Languages	Bots
Arabic - English	ar2en	en2ar
Bulgarian - English	bg2en	en2bg
Czech - English	cs2en	en2cs
Danish - English	da2en	en2da
German - English	de2en	en2de
German - French	de2fr	fr2de
Greek - English	el2en	en2el
Spanish - English	es2en	en2es
Finnish - English	fi2en	en2fi
French - English	fr2en	en2fr
Hindi - English	hi2en	en2hi
Croatian - English	hr2en	en2hr
Italian - English	it2en	en2it
Japanese - English	ja2en	en2ja
Korean - English	ko2en	en2ko
Dutch - English	nl2en	en2nl
Norwegian - English	no2en	en2no
Polish - English	pl2en	en2pl
Portuguese - English	pt2en	en2pt
Romanian - English	ro2en	en2ro
Russian - English	ru2en	en2ru
Swedish - English	sv2en	en2sv
Chinese - English	zh2en	en2zh
Traditional Chinese - English	zh-hant2en	en2zh-hant
Traditional Chinese - Chinese	zh-hant2zh	zh2zh-hant

Amusez-vous avez vos super amis!

php.js ou l'art de faire du PHP en JavaScript

Php.js est un projet de Kevin van Zonneveld qui a pour but de reproduire plus d'une centaine de fonctions PHP en javascript ! Dorénavant vous pourrez faire des array_chunk, basename, file_get_contents, md5 et autre stripslashes directement en javascript !

Vous pouvez soit inclure la totalité de la bibliothèque php.js dans vos pages pour avoir accès à l'ensemble des fonctions, soit sélectionner ci-dessous uniquement les fonctions qui vous intéressent:

• abs
• addslashes
• array_change_key_case
• array_chunk
• array_combine
• array_count_values
• array_diff
• array_diff_assoc
• array_diff_key
• array_fill
• array_flip
• array_keys
• array_key_exists
• array_map
• array_pad
• array_pop
• array_product
• array_push
• array_rand
• array_reduce
• array_reverse
• array_search
• array_shift
• array_sum
• array_unique
• array_unshift
• array_values
• base64_decode
• base64_encode
• basename
• bin2hex
• call_user_func_array
• checkdate
• chr
• compact
• count
• count_chars
• crc32
• date
• defined
• echo
• empty
• end
• explode
• file
• file_get_contents
• floatval
• function_exists
• get_class
• get_included_files
• htmlentities
• html_entity_decode
• http_build_query
• implode
• include
• include_once
• intval
• in_array
• ip2long
• isset
• is_array
• is_null
• is_numeric
• is_object
• is_string
• join
• levenshtein
• long2ip
• ltrim
• md5
• md5_file
• mktime
• nl2br
• number_format
• ord
• parse_str
• preg_quote
• printf
• print_r
• rand
• range
• require
• require_once
• reset
• rtrim
• serialize
• setcookie
• sha1
• sha1_file
• shuffle
• soundex
• split
• sprintf
• strcasecmp
• strcmp
• stripos
• stripslashes
• strip_tags
• stristr
• strlen
• strnatcmp
• strpbrk
• strpos
• strrev
• strripos
• strrpos
• strstr
• strtolower
• strtoupper
• str_ireplace
• str_pad
• str_repeat
• str_replace
• str_rot13
• str_split
• substr
• substr_count
• trim
• ucfirst
• ucwords
• unserialize
• utf8_decode
• utf8_encode
• wordwrap
  

Google JavaScript API Loader

L'API AJAX de Google est un réseau de distribution de contenu et de téléchargement pour la plupart des librairies open source JavaScript. En utilisant le loader l'API AJAX de Google google.load(), votre application aura accès rapidement aux librairies open source JavaScript suivante:

• jQuery
• jQuery UI
• Prototype
• script.aculo.us
• MooTools
• Dojo
• SWFObjectNew!
• Yahoo! User Interface Library (YUI)

Google travaille avec les fournisseurs de ces libraire et rend disponible les dernières versions stable qu'ils sortent. Une fois qu'il sont hébergé, ils s'engagent à laisser disponible ces librairies indéfiniment.

L'API AJAX de Google enlève la job de gérer les collections de librairies. Fini les hébergement de librarie, gérer la cache, correction des bug fix, etc...

Un repository de collection JavaScript... Signé Google


<script src="http://www.google.com/jsapi" language="javascript/">
<script language="javascript">
google.load("prototype", "1.6");
google.load("scriptaculous", "1.8.2");
</script>

starUML vs argoUML ... FIGHT!!!

starUML

starUML est une application de modelisation UML sous la license GNU GPL.

Pour:

• Supporte la plupart des diagrammes spécifié dans UML 2.0.
• Ensemble de fonctionnalité riche et options de formattage.
• Possibilité de générer du code source du diagramme UML.
• Reverse engineer possible sur du code déjà existant.
• Language supporté: C++, C# and Java.
• Temps d'éxécution et de chargement rapide.
• Semblable à l'interface de visual Studio.
• Possibilité d'exporter vos diagrammes en JPG / XMI.

Contre:

• Ne supporte pas l'export du diagramme en format SVG.

---

argoUML

argoUML est écrit en Java et disponible sous la license open source BSD. Encore à un état embrionnaire (version 0.x.x).

Pour:

• Conçu en Java donc il fonctionne sous toute les plateforme qui supporte le Java.
• Possibilité de générer du code source du diagramme UML.
• Reverse engineer possible sur du code déjà existant.
• Language supporté: C++, C#, Java et PHP.
• Possibilité de gérer une TODO liste.
• Possibilité d'exporter vos diagrammes en JPG / XMI / SVG / PS.

Contre:

• Ne supporte pas complètement le UML 2.0.
• Le Undo ne fonctionne pas. Mais bon, vous ne faites pas d'erreur vous...
• Plus lent.

DON'T BE SHY!!! Vous en pensez quoi vous? avez vous essayé un de ceux-ci? les avez vous aimé? Comment se compare-t-il avec JUDE??

Built With ....?

Builtwith.com est un outil qui permet d’établir le profil technologique d’un site web. Après avoir renseigné l’url et cliqué sur Lookup, Builtwith affiche toutes les caractéristiques techniques du site.

Je suis dans un mood bookmarklet, voici un bookmarklet pour avoir ces renseignements en un clic.

Bookmarklet

Éditez n'importe quel site
Vous voulez voir comment un texte apparaîtrait dans une page web? Ou vous voulez voir de quoi ça aurait l'air sans une image?
Ce bookmarklet rend n'importe quel site éditable, la position des éléments et le texte peut être modifié.

ReCSS
Ce petit bookmarklet vous permet de rafraichir vos CSS, Très utile lors de développement d'un site web.

WTFramework v1.3

Tout les développeurs aiment savoir quel est le framework Javascript utilisé sur un site internet. Avant pour savoir cela, on allait dans la source et on essayais de voir si on avais un jquery.js ou un prototype.js . Maintenant, on peut savoir ça de façon très simple, grâce à un petit lien dans la bar des favoris. Oskar Kramczyk à écrit un petit script qui permet de faire ça. La librairie marche avec Mootools, jQuery, Yahoo UI!, Scriptaculous, Prototype, Dojo Toolkit, Mochikit …

BrowserShots, pour voir le web autrement...

Browsershots réalise des captures d’écran du design de votre site dans différents navigateurs. C’est un service en ligne open-source et gratuit créé par Johann C. Rocholl. Il vous permet de tester vos visuels sous différent système d'exploitation et différents navigateurs.

soapUI 1.5 permet de tester les services REST

soapUI est une app qui permet de tester des services web. On peut l'utiliser pour tester à la pièce des appels de services soap, ou on peut créer de TestCase pour automatiser une batterie de test sur nos services web.

Au niveau du scripting, soapUI utilise Groovy si vos tests sont compliqué et demande une logique plus poussé que les conditions prédéfinies.

Avec la sortie de soapUI 2.5 il est maintenant possible de tester des services REST. La version 2.5 intègre aussi les fonctionnalité de TCP tunnel pour intercepter des appels. soapUI est plus orienté XML mais il permet de tester les formats HTML et JSON.

EtherPad un outil collaboratif!

EtherPad est un outil d'édition de texte collaboratif qui fonctionne sous IE6+, FF1.5+, Safari 3+). Il est entièrement implanté en JavaScript. Il est spécialement bien fait pour les gens qui veulent partager des partie de code JavaScript car vous pouvez avoir de la coloration syntaxique pour ce language. La création d'un bloc-note est très simple. Vous pouvez sauvegarder vos documents et parler en direct avec les collaborateurs de vos documents.

Un outil à essayer!

YUI 3.x is coming!!!

YUI 3.x devrait sortir en début 2009

Vous pouvez en regarder un aperçu ici.

JxLib dans la trempe de JQuery.UI

JxLib inclus la gestion de la mise en page, des boutons, des tabs, des toolbars, des dialogs, panels, trees, et controle de grille. C'est basé principalement sur l'utilisation des CSS pour la présentation et inclus 2 thèmes différents que vous pouvez facilement inter-changer.

JUDE : un outil de modelisation UML

JUDE est un outil de modelisation UML créé par la compagnie japonaise ChangeVision. Il fonctionne avec l'environnement d'exécution Java. Le nom vient de l'acronyme Java and UML developers' environment.

Jude est un logiciel propriétaire distribué gratuitement en version community. L'achat d'une licence "professional" permet de bénéficier d'un support client. Une fonctionnalité notable du logiciel est l'exportation en Java du modèle UML créé.

Jude supporte officiellement les systèmes Windows, mais peut aussi fonctionner sous Linux et MacOS.

Indenter vos XML comme des Pros

Indenter vos xml en ligne avec XmlIndent

WARNING: JSLint may hurt your feelings.

JavaScript est un langage volontairement permissif sur de nombreux aspects, ce qui introduit le risque de voir apparaître nombre d'erreurs au sein du code, à commencer par des erreurs de syntaxe.

Pour parer à ces éventualités, le vérificateur historique de code JavaScript, JSLint, a été mis au point par le créateur même du langage, sous la forme d'un formulaire Web.


Il signalera les erreurs les plus courantes : point-virgule manquant, lignes inutiles, etc.

JCaptcha

Un captcha est un test pour vérifier si un utilisateur est un humain ou un ordinateur. On retrouve souvent de genre de test sur les formulaires web pour enlever la possibilité que le formulaire soit soumît par un robot.

Jcaptcha est une implémentation Java de ce concept. Il est très simple, en 5 minutes vous pouvez créer un servlet pour générer une image de sécurité et ainsi que la validation du texte entré par l'utilisateur.

Vous avez 3 choses à faire.

• Créer un singleton du service captcha
• Créer le servlet pour retourner l'image générée par le service
• Créer une petite méthode de validation qui ne fait qu'interroger le service

Si vous avez plus que 5 minutes à passer sur cet outil, vous pouvez paramétrer le texte généré, le type de déformation, l'image de fond...

De plus, la librairie s'intègre facilement à des framework tels que Struts et Spring.

Voici le lien vers le site web : http://jcaptcha.sourceforge.net/

Selenium vs jqUnit .... FIGHT!!!

Bonjour à tous,

J'aimerais beaucoup que quelqu'un d'entre vous regarde attentivement les 2 options suivante:

• Selenium
• jqUnit

S.V.P: Si vous êtes intéressé à les essayer et a nous faire une présentation sur le sujet, je suis certain que ce serait TRÈS intéressant, veuillez répondre dans les commentaires si vous désirez nous en faire une présentation.

Merci,

User Agent Switcher

User Agent Switcher est un plugins FireFox essentiel pour quiconque est dans le monde de la conception de site Web mobile

Ce petit plugins permet à FireFox d'émuler un périphérique mobile dans la requête qu'il envoi au serveur en changeant son User-Agent.

Voici un petit fichier qui contient quelques user-agent mobile.

Générer un schéma pour un fichier XML

Vous avez un fichier XML et on vous demande de créer un schéma pour l'accompagner. Que faites-vous ?

A - Vous ouvrez notepad et 2 semaines plus tard vous avez un XSD.
B - Vous installez un programme de 60mo en mode démo qui vous permet de créer un XSD visuellement.
C - Vous utilisez Trang pour générer un XSD de base à partir de votre XML et vous complétez les trucs qui manque (listes de valeurs, types de données)

Je vous laisses choisir, mais je suis sûr que votre chargé de projet préfère la réponse C.

P.S. : Avec Trang vous pouvez aussi passer d'un format de XSD vers un autre (Schema, Relax, DTD)

SoundManager 2 : Because clouds need sound, too.

Like Winamp, but for the web. Well, kinda sorta. OK, not really at all.
SoundManager 2 est un API Javascript pour la gestion de le son qui permet aux développeurs de facilement loader, jouer et controler(via Flash 8) des sons avec Javascript.

Vous pouvez essayer les demos.

typeface.js : Des polices d’écritures avec Javascript

Comme tout le monde le sait, nous pouvons changer les polices d’écritures de nos sites internet grâce à des propriétés CSS. TypeFace offre la possibilité de modifier la police d’écriture sans avoir la police sur nôtre ordinateur et sans utiliser Flash.

Comment cela est-il possible ?

Simplement en utilisant les canevas de l’HTML 5 et en utilisant le petit fichier javascript.

Regardez les demos.

Si vous voulez pas vous faire copier votre texte, créez des CAPTCHAs facilement crackable, pseudo-caché des adresses courriels... bon j'ai pas de bons exemples... mais ca existe... à vous de trouvez l'utilité.

Les RTE

* TinyMCE: Wordpress utilise une version modifié de ce script, il est extrêmement bien supporté par ses développeurs. Vous avez toute les options de formatage que vous désirez, plus la possibilité d'enlever le formattage excessif avec très peu de code. De plus il existe une bonne collection de plugins qui permet des fonctions encore plus avancé.demo
* YUI Editor: Malheureusement, souvent ignoré dû au fait qu'il est produit par une grande corporation, YUI Editor est quand même un des excellents RTE de cette liste.demo
* FCKEditor: FCKEditor est un des plus vieux web-based RTE existant. De plus, il est le favoris de Mathieu, donc il a tout pour lui ce FCKEditor.demo
* FreeRichTextEditor: FreeRichTextEditor gagne de plus en plus en popularité ces jours ci. Il vaut la peine de regarder toute les possibilités qu'il nous offrent.demo
* WidgEditor: Voici le travail d'un guru du code, Cameron Adams, le code javascript derrière ce RTE est très léger en encore simple a lire.demo
* WYMEditor: Un éditeur WYSIWYM de pages internet respectueux des standards XHTML et CSS.demo
* OpenWYSIWYG: Encore un autre...demo
* NicEdit: et un autre..demo
* WysiHat: flexible, il est simple a utiliser, fonctionnel avec prototype, mais vous devrez avoir un compilateur ruby pour l'essayer. demo

DateJS - Librairie JavaScript

Datejs est une librairie de Date JavaScript open-source.

Compréhensible, simple et rapide!

Si vous avez à jouer avec des format de date en JavaScript, il est clair que cette librairie vous épargnera beaucoup de temps.

Datejs est disponible sous la license MIT et téléchargable sur GoogleCode.

MarkItUp, mise en forme via jQuery

MarkItUp est un plugin pour jQuery qui permet d'ajouter une barre de mise en forme sur n'importe quel champs de saisie !

Anciennement jTagEditor, le projet à été entièrement repris et est devenu MarkItUp!

Je vous invite à aller voir les explications et la démonstration sur le site officiel (Il est parfois down) :

* Page d'exemples
* Page de documentation
* Page de Téléchargement

Notez la performance de votre site avec YSlow

YSlow est un plugin Firebug qui permet de noter un site au niveau de la rapidité de charement et la légèreté. Il analyse plusieurs critère et donne un note de A à F.

Personnellement je trouve que les critères sont pas nécessairement dans l'ordre que j'aurais choisi (il semble que l'ordre ait un effet sur la moyenne, les premiers critères compte plus), comme par exemple CDN (Content Delivery Network) n'est pas vraiment à la porté de tous les sites.

Mais ca reste quand même un bon outil. En plus il y a quelques extras comme Tools > All JS et All CSS qui permet de voir tous les JS d'un site dans une seul page, on peut donc faire des recherches pour savoir ou se situe une fonction précise.

Je vous souhaite un A+ (mais bon fait pas rêver!)

Ordre d'écriture de Margin et Padding - CSS

Il y a plusieurs façon d'écrire le padding et le margin qu'on désire ajouter à un élément.
La méthode longue:
padding-top:2px;
padding-right:3px;
padding-bottom:4px;
padding-left:5px;

Il n'y a pas d'ordre particulier pour les écrire

La méthode courte:
padding:2px 3px 4px 5px;

L'ordre est toujours le même. En partant du haut on fait le tour de l'élément dans le sens des aiguilles d'une montre. Soit top, right, bottom et left.

La méthode compacte:
Il est possible d'écrire de façon compacte les paddings et margins d'un élément. Ceci est possible quand 2 côté opposés (top-bottom ou left-right) ont le même padding ou margin.

• Si on écrit padding:1px 2px 3px; ça signifie que le padding right et left sont les mêmes (2px). Ça équivaut à écrire padding:1px 2px 3px 2px;
• Si on écrit padding:1px 2px; ça signifie que le padding right et left sont les mêmes (2px) tout comme le padding top et bottom(1px). Ça équivaut à écrire padding:1px 2px 1px 2px;
• Si on écrit padding:1px; ça signifie que la même valeur de padding sera appliqué sur les 4 côtés de l'élément. Ça équivaut à écrire padding:1px 1px 1px 1px;

Finalement une autre façon de compacter, quand on inscrit la valeur 0 (zéro) dans un css, ne pas inscrire l'unité. Zéro égale toujours zéro, peut importe l'unité. Alors nul besoin d'écrire padding:0px ou 0em ou 0%, simplement écrire padding:0;

XMLPad 3.0

Edition de fichiers XML avec support CVS, XSLT, XML Schemas, XPath..., conversion XSD <-> DTD ...

XMLPad 3 new features:

• XML Schema full support.
• New and improved look & feel.
• Project system with CVS support.
• XML Schema editor with color syntax highlighting, line numbers, element range navigation, and context-dependent source assistant wizard.
• Preview and printing XML Schema in graphical diagram window. The diagram is synchronized with XML Schema editor.
• XML Schema documentation generation (ws3p.xsl) with diagram images.
• XML Schema validation and XML files validation against the underlying XML Schemas.
• Very big schemas (such as uccnet or xCBL35) use XML Schema binary cache in their implementation that mitigated performance issues in validation and analysis. Every schema used in validation is compiled in binary format on first use and later could be loaded from cache.
• Generation of XML samples from XML schema or a sample of XML Schema from XML file. Converting XSD to DTD and DTD to XSD.
• Schema component renaming (refactoring), navigation between schema components (Goto definition/Goto reference and navigation from XML data to appropriate schema component.
• Regular expression builder and enumeration builder.
• Schema-aware XSLT editor and debugger with Active script support.
• Support for JAXB and Castor binding.
• HTML & DBF import.

http://www.wmhelp.com/xmlpad3.htm

jQuery 1.2.6 et jQuery UI

jQuery 1.2.6 est sorti plus tôt cette année. Il améliore la vitesse de plusieurs fonctionnalités tel que:

Event Handling is 103% Faster

CSS Selectors are 13% faster

.offset() is 21% faster

.css() is 25% faster

jQuery UI est le successeur d’Interface, le plugin qui permettait de créer des éléments d’interfaces visuelles — contrôles drag & drop, sorting, resizing, etc. La documentation de son API est plutôt immense. Voir les demos.

QooXDoo

QooXDoo, Ce framework ajax QooXDoo qui derrière un nom facile à retenir... (Think Koodo) , m’a impressionné. Il suffit de regarder les demos pour vous en faire une idée. Ce que j’ai trouvé frappant n’est pas tellement l’interface riche (bien qu’elle soit assez belle) mais bien la réactivité de l’application suite aux actions.

QooxDoo est utilisé au coeur du projet Rich Ajax Plateform (RAP) d’eclipse. L’objectif de RAP est de permettre le développement d’application web depuis la plate-forme eclipse, en utilisant SWT etc… Lisez l’article sur ajaxian pour plus d’informations.

Kodos

Développer et déboguer une expression régulière vous fait rager? Kodos est un petit outil libre qui permet de déboguer et de tester facilement vos expressions régulières. Vous pouvez facilement tester la recherche, le remplacement, les groupes et rappels et ce, avec les options habituellement disponibles dans les moteurs d'expressions régulières.

http://kodos.sourceforge.net/

Google Chrome

Chrome est un navigateur web développé sous licence libre par Google. Il a été annoncé le 1er septembre 2008.

Chrome intégre par défaut Google Gears, une API permettant d'accéder tout en étant hors connexion à ses données (par exemple la suite bureautique en ligne Google Documents) et permet l'accès à des applications web hors du navigateur. Google Chrome emprunte également des fonctionnalités à ses concurrents tels un système d'accès aux favoris proche du speed dial d'Opera et une barre d'adresse intelligente, innovation majeure d'Opera déjà reprise par Mozilla Firefox et Internet Explorer 8 dans ses versions bêta.

Chrome utilise :

• le moteur de rendu HTML WebKit (le moteur de rendu qu'utilise Safari) mais aussi des composants de Mozilla Firefox ;
• un nouveau moteur JavaScript basé sur une machine virtuelle baptisée V8 et annoncé comme très performant car le code JavaScript est compilé à la volée en langage machine;
• un espace mémoire et un processus exclusif pour chaque composant ou onglet afin de gagner en vitesse et en sécurité ;
• un code open source ;
• une barre d'adresse qui propose des sites ou des suggestions grâce au complètement automatique ;
• une page d'accueil dynamique avec un visuel des 9 sites les plus visités, des derniers favoris, des derniers onglets fermés et des dernières recherches ;
• un mode de navigation privé, où rien ne sera conservé une fois l'application arrêtée ;
• une ségrégation des droits entre chaque onglet.

La première version bêta est disponible depuis le 2 septembre 2008 pour les systèmes Microsoft Windows version XP SP2 ou supérieurs. Des versions Linux et Mac sont en développement.

L'enjeu du navigateur Chrome est d'apporter une amélioration significative pour les usagers du Web, directement, par la mise a disposition de l'application Chrome, et indirectement dans les autres navigateurs, par le partage de son code source.

www.google.com/chrome