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.