Blog dédié aux langages web. Scripts et ressources pour webmaster.

Edit : Maintenant entièrement compatible avec IE6

Slideshow simple, qui se base sur l’opacité et les z-index, pour avoir un effet de « fade » cyclique sur les images (NB : fonctionne sous IE6, mais sans le fade).

Vous pouvez voir la démo ici.

$(document).ready() permet de définir les instructions javascript à exécuter dès que le html et le script qui contient l’appel à $(document).ready() est chargé. Cette fonction n’attend pas la fin du chargement de tous les éléments de la page (css, images, autres js…)

$(window).load() permet de définir les instuctions à exécuter une fois que l’ensemble des éléments de la page sont chargés : html, css, scripts, images.

Ayant eu récemment besoin de générer automatiquement un petit diaporama de vidéos issues de Viméo dans un WordPress, j’en ai profité – une fois le script terminé – pour faire le tour des trois principaux services de vidéos en ligne. Histoire d’avoir sous le coude en permanence des petits scripts rapides à déployer en cas de besoin. C’est désormais chose faite et je les partage donc ici aujourd’hui.

WordPress 3.1 qui devrait être disponible à la mi-décembre apparaît d’ores et déjà comme indispensable. Corrigeant quelques erreurs de jeunesse de la version 3 et proposant quelques améliorations notables, il confirme la mue du plus célèbre outil de gestion de blogs en un CMS redoutable. Petite revue de détail des nouvelles fonctionnalités :

Un petit script personnel qu’il conviendra sans doute d’adapter à votre cas mais que j’utilise de plus en plus régulièrement sur des WordPress à tendance CMS. Un petit bout de code PHP que je place généralement dans une ou plusieurs sidebars appelée dans un contexte de page.

Le principe est simple : lister à l’aide de wp_list_pages sur un niveau les pages enfants ou frères (en fonction de ce que le script trouve pour la page en cours…) précédée du titre de la page parente histoire de faire office de titre de rubrique.

Edit du 17 novembre : il semblerait que l’auteur de ce plugin soit un « usurpateur ». All in One SEO existe toujours bel et bien. Il a simplement été « cloné » pour la création de Platinum SEO qui comble du comble ne semble pas fonctionner correctement…

All in One SEO, le plugin de référence pour WordPress pour tout ce qui touche au référencement de votre blog évolue.

Facebook recommande de ne plus utiliser le langage FBML. Pour réaliser la même chose plus proprement en php, vous pouvez vous rendre ici : Onglet sans FBML

Il est possible de personnaliser une page facebook (page d’entreprise, de site internet etc..) à l’aide d’un onglet FBML ou d’un onglet d’application. Une fonctionnalité intéressante si l’on souhaite, par exemple, accueillir ses nouveaux visiteurs sur sa page autrement que par le biais du mur. Autre intérêt de la chose : tenter de convertir un maximum de visiteurs en fan. Disons plutôt convertir un maximum de visiteurs en « J’aime » puisque le terme de fan a disparu depuis la dernière mise à jour majeure du réseau social.

Il est parfois nécessaire d’encoder les accents d’une chaine JS (pour faire des « alert » par exemple). Ça peut être le cas lorsqu’on ne connait pas à l’avance l’encodage de la page où sera notre script JS.
Or, les entités html (é…) ne sont pas interprétées par le JS.

Le précédent article présente un carrousel infini, mais qui nécessite une taille fixe de carrousel.

Je vous propose ici un script qui permet d’avoir un carrousel infini sur toute la largeur de la fenêtre, centré sue le premier élément. Le resize de la fenêtre est géré. Vous pouvez voir la démo ici.

La gestion des élements de carrousel de façon cyclique (quand on arrive au dernier, le suivant est le premier), n’est pas toujours facile.

Voici un petit script JQuery qui permet de créer facilement un carrousel infini. Vous pouvez voir la démo ici.