A ma grande surprise, ils ont fait un outils très bien qui permet de simuler tout les noyaux de IE (5,7,8,9) sur une plateforme différence de celle du navigateur installée (Bizarrement il manque le 6 on se demandera pourquoi?). Pour faire cela, j’utilisais auparavant IE tester.

Un graphisme assez simple mais efficace et une bonne gestion de la communication avec votre base de données (Parfois les plugins ne sont pas toujours conçus dans l’optique d’afficher des données depuis une BDD). Un exemple de la façon d’utiliser le script  avec une BDD en gérant l’affichage, les recherches et le tri de vos données.

Gestion facile et intégration sans souci si vous avez déjà jQuery.

Le futur concernant les images simples (icônes, arrière plan) est nous dit-on le format d’images vectorielles SVG, lequel a fait l’objet de recommandations de la part du W3C.

Raphaël est une petite librairie javascript ayant pour but de simplifier grandement l’implémentation de graphismes vectoriels sur les pages web. Chaque élément graphique créé est en effet un objet DOM, rendant donc la possibilité d’altérer par la suite ses propriétés (formes, couleurs, position,…). On peut donc imaginer une nouvelle génération de GIF animés (je ne suis pas sûr que cela soit une bonne chose soit dit en passant).

Raphaël permet donc de créer très facilement une surface de dessin puis de la remplir avec des formes. Si cela est peut abstrait pour vous, regardez donc ce qu’il est possible de faire:

images crées avec Raphaël

Les images ci-dessus sont entièrement vectorielles et ont été réalisées avec Raphaël. Cela donne une bonne illustration de la puissance de cette librairie. Ces créations peuvent donc être affichés en 50×50 pixels ou bien en plein écran, sans déperdition de qualité. Parfait pour la générations d’icônes par exemple.

Une autre application est la génération de graphiques vectoriels et pour cela, une seconde librairie existe déjà, il s’agit de gRaphaël, créée pour générer des camemberts, des histogrammes et plusieurs autres types de graphiques.

Un graphique créé avec gRaphaël

Aujourd’hui, nous allons vous présenter Highcharts, une librairie javascript très performante permettant de réaliser des graphiques interactifs divers et variés dans vos applications web.

Dans le monde des applications web professionnelles, on a très souvent besoin de réaliser des tableaux de bords pour synthétiser une quantité importante d’information (chiffres de ventes, données comptables,…etc).

Highchart permet d’arriver à ces fin et permet de faire des graphiques de très bonne facture.

En plus du type de graphique (histogramme, camembert, courbe, vous pourrez effectuer un certain nombre de personnalisation comme les couleurs de tracés, d’arrière plan,…).

Plugin jQuery Flip !

Amateurs d’animations et de transitions en tout genre bonsoir.

Un petit plugin jQuery permettant de réaliser des transitions assez sympathiques par rotation: Flip!

La rotation de votre contenu peut se réaliser dans les 4 directions (haut, bas droite, gauche) et Flip ! a été testé avec succès sur les navigateurs les plus courants (IE compris jusqu’à la version 8).

une fois flip uploadé sur votre site, voici comment l’instancier:

$("#flipbox").flip({
	direction:'tb'
})

3 callbacks sont disponibles pour Flip, permettant de faire de la gestion événementielle:

$("#flipbox").flip({
	direction:'tb',
	onBefore: function(){
			console.log('avant le début de l'animation');
	},
	onAnimation: function(){
			console.log('Pendant le déroulement de l'animation');
	},
	onEnd: function(){
			console.log('Une fois que l'animation est terminée');
	}
})

Enfin, il est possible d’inverser l’état d’une animation de la manière suivante:

$("#flipbox").revertFlip()

Une Cheat Sheet est une page (généralement au format A4) regroupant les information essentielles concernant un langage de programmation donné. Le principal avantage est de rassembler toutes les informations les plus utiles sur une page que l’on peut consulter d’un seul coup d’oeil.

Les plus complètes et les plus pratiques que j’ai pu trouver se trouvent chez AddedBytes avec au programme des pages pour les langages ou systèmes suivant:

• Python
• Subversion
• Expressions rationnelles
• mod_rewrite (module de réécriture d’URL sous Apache)
• PHP
• CSS
• SQL Server
• HTML
• Microformats
• Ruby On Rail
• ASP / VBScript
• Caractères HTML
• Javascript
• MySQL
• CSS