Sous Android, l'utilisation de la transition CSS translateX (de webkit) pose problème. En effet la mise en œuvre de ce type de transition sous jQTouch génère un bug d'affichage.
La page sortante qui glisse vers la gauche réapparait un court instant lorsque l'animation se termine (elle revient à sa position initial avant d'aller définitivement s'installer plus loint).

pour pallier a ce bug il suffit de jouer avec les z-index : Dans la feuille CSS « jqtouch.css », ajoutez les z-index suivant.

.slide.in {
	z-index: 10;
	-webkit-animation-name: slideinfromright;
}

.slide.out {
	z-index: 0;
	-webkit-animation-name: slideouttoleft;
}

.slide.in.reverse {
	z-index: 10;
	-webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
	z-index: 0;
	-webkit-animation-name: slideouttoright;
}

Et le tour est joué!

yEd Graph Editor, l’édition de graphe par yWorks

Présentation

Comme énoncé dans le titre, yEd est un éditeur de graphe. Il est en partie comparable au logiciel Visio de Microsoft.
Bien que plus léger en fonctionnalités et en illustrations, yEd est quant à lui entièrement gratuit et offert sans restriction. De plus yWorks, sa société éditrice, n’a de cesse de l’améliorer.

yEd est développé en Java, utilisant uniquement les composants graphiques de la librairie Swing, donc pleinement fonctionnel sur toutes les plateformes embarquant une JRE (testé sous Microsoft Windows XP, Vista et sous Ubuntu). Un autre avantage de cette technologie, il n’y a aucune installation à faire. Un simple fichier jar à lancer.

En apparence yEd peut sembler un peu rustre, mais il cache au cœur de son code de puissantes fonctionnalités.

Pourquoi un post sur l'arrêt du tabac ? Comme beaucoup de développeurs (oui même dans le monde magique des développeurs web...) j'avais la fumeuse tendance à cloper. Avaler à longueur de journée mes petites doses de courage, contre le stress, mes doses de speed, pour coder encore plus vite ! Mais au bout de treize années d'esclavage buccal, j'ai enfin pu y mettre un terme !

Je ne compte plus le nombre de soi-disant bonnes résolutions du nouvel an qui ne tiennent pas plus de deux heures, les week-end d'angoisse quand la fin d'un paquet arrive et que l'on n'a pas prévu le suivant, les « Tu pourrais tourner la tête à droite quand tu me parles » ou « Tu pues mon chéri », les clopes fumées les deux pieds dans la neige. J'en passe et des bien plus fun. Toutes ces conneries sont belles et bien finies !

Internet Explorer 8, Enfin un FireBug Like d'intégrer !

C'est avec une grande surprise et une grande joie que je découvre un outil pour les développeurs web, intégré dans Microsoft Internet Explorer 8.

Je ne compte plus le nombre de fois où j'ai pu maudire les développeurs d'Internet Explorer, pour n'avoir jamais pensé aux pauvres développeurs web.
Bien sûr des outils existent, comme le compagnon JS ou la Debug Bar, mais n'arrivant malheureusement pas à la cheville de FireBug, ces outils restent des gadgets sans grande valeur.

Mais cette fois-ci Microsoft va dans le bon sens. Cet outil ressemble étrangement à Firebug dans ses fonctionnalités, mais il est vraiment le bienvenue !

Cet article expose les deux méthodes. Elles sont rapides à mettre en œuvre et notre ami à tous, Internet Explorer dans ses versions inférieures à 7, prendra enfin en compte la transparence des images au format PNG.
Voilà pourquoi l’article s’appelle png hack. Car ce qui va vous être proposé dans cet article fonctionne, mais reste de la bidouille (hack = bidouille).

Tant qu’Internet Explorer 6 et inférieur continueront d’être utilisés, ce hack sera utile.
D’ici quelques années (le temps que les administrations passent de Windows 98 à Windows 7 (allez même XP)), ce hack sera inutile et fera parti de l’histoire ancienne du développement web.

Sommaire:

• Méthode pour les images png embarquées dans une feuille de style
• Méthode pour les images png embarquées dans du code HTML (utilisation de javascript)
• Speed How to