Revue de Web

Slick Page Transition — Effet de transition (fading) entre les pages d’un site

Slick Page Transition est un script jQuery (à placer dans votre fichier Javascript global.js ou fonctions.js, etc.) qui produit un effet de fading lorsqu’on passe d’une page à une autre. L’effet peut s’appliquer sur tout ou partie des liens il suffit de spécifier le sélecteur approprié. Il est conseillé de préciser la couleur de votre balise html pour qu’elle s’harmonise avec l’effet de transition. Voir la démonstration. →

Revue de Web

Diaporama avec navigation au clavier (flèche droite et flèche gauche)

Adding Keyboard Navigation est un tutoriel expliquant pas à pas la mise en place d’un diaporama avec la possibilité d’utiliser le clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente. Chez Remy Sharp, les tutoriels sont vraiment très bien fait. On trouve le tutoriel proprement dit avec les explications de code, la démonstration pour juger sur pièce et le code prêt à être copié-collé, sans oublier les commentaires, souvent utiles.

Revue de Web

Guide de l’Ajax sur plusieurs domaines

Les requêtes Ajax sur des sites tiers ne sont normalement pas permises en raison de restrictions liées à la sécurité. Toutefois, il existe plusieurs techniques côté client pour contourner ses limitations. Grâce à ce guide pratique vous saurez tout sur le JSON with padding (JSONP), le Screen Scraping (avec une pincée de YQL) ou encore le Flash Proxy sans oublier un peu de magie côté serveur avec un proxy PHP.

Revue de Web

Page Peel Corner — Effet de page cornée avec jQuery

Tout le monde connait cet effet souvent utilisé pour afficher une publicité sous forme d’un page cornée placée généralement dans le coin supérieur droit qui se déroule au survol de la souris pour faire apparaitre le messsage complet. Avec Page Peel Corner, pas besoin d’utiliser Flash : quelques lignes de HTML, de CSS et de jQuery suffisent pour un effet du plus bel… effet !

Revue de Web

Créer une petite animation avec quatre images et jQuery

Ce tutoriel montre les étapes à suivre pour créer une petite animation composée de quatre images à l’aide des feuilles de style CSS et de jQuery. Bien que je ne raffole pas des trucs qui bougent sur l’écran, je trouve que le côté Cartoon qui se dégage de l’exemple est suffisamment sympathique pour réaliser une publicité, une accroche, etc. sans être obligé de passer sous les fourches caudines de Flash 😉