Charlie Nguyen-Duc

Voici 10 tutoriels pour apprendre à faire du design en utilisant jQuery & jQuery UI, vous aurez au programme du:

1. Simple Slide Panel
2. Simple Disappear Effect
3. Chainable Effects
4. Accordion
5. Animated Hover
6. Entire Block Clickable
7. Collapsible Panels
8. Imitate the WordPress Comment Management
9. Image Replacement Gallery
10. Link Type Styling

La qualité des tutoriels est réellement appréciable pour un résultat final plus que satisfaisant. A mettre donc entre les mains de tous les codeurs!

Jquery vous permet d’un peu tout faire aujourd’hui grâce à ces nombreux plugin. Trouvé sur Ajaxonomy, le plugin suivant nommé Cornerz va vous permettre en quelques lignes de code de complètement gérer vos bords sans une ligne de CSS ou image à ajouter! Ce n’est pas magique tout ça? Bon tout de suite, une petite démonstration:

La bordure arrondie à gauche de l’image sera obtenu en écrivant les lignes suivantes

Pour la partie javascript:

$('h1').cornerz({radius:40, borderWidth: 0, corners: "tl"});

Pour la partie HTML:

<h1 style="margin-top: 0px">Cornerz v0.2</h1>

Les options du plugin sont:

• radius
• borderWidth
• background
• borderColor
• corners (”tl br tr bl”). Specify which borders to draw

L’annonce est faite, Firefox 3 supportera les PNG animés. Sachant que le format PNG possède un canal dédié pour gérer la transparence, c’est une annonce de taille. Notamment pour tous les Web designers qui pourront désormais créer sur leurs sites web des mini-animations graphiques sans avoir besoin de Flash.

Espérons maintenant que Internet Explorer y passe aussi et on pourra réellement assister à la démocratisation de ce format d’image plus qu’intéressant. Mais jusqu’à ce que IE commence à le supporter, le format GIF n’est pas mort et continuera de proliférer avec ces animations transparentes disgracieuses dut à son canal de transparence du style 1 ou 0.

Conclusion: Cette annonce est un premier pas, mais tout reste à faire.