A voir sur webdesignerwall.com, un très bon tutoriel pour décorer vos images / photos à l’aide du CSS sans avoir besoin d’éditer la source. Le principe est assez simple, il suffit d’ajouter une balise span avant l’image et de lui appliquer en background l’élément graphique que vous souhaitez en CSS^[1]. Les avantages sont nombreux en terme de flexibilité, rapidité et productivité, comme par exemple de pouvoir appliquer le même effet sur une galerie de photos.

Lire la suite du billet

Note(s)

1. L’exemple ci-dessous est peut-être plus parlant… [«]

Vu sur docslumpy, Quickmenu, un moyen assez simple et rapide pour générer un menu en css avec la possibilité de mettre des effets javascripts. Disponible en ligne ou via une petite application à télécharger (1mo), l’outil est plutôt complet et intuitif, il propose en premier de choisir son type / style de menu avant de pouvoir l’éditer plus en détail. Impressionnant!

Lire la suite du billet

Dans un précédent billet j’avais publié une liste de quelques solutions lightbox. PlanerOzh a fait beaucoup mieux et nous propose un excellent outil sous forme de tableau pour comparer les différents scripts lightbox. Très bien conçu, il est possible de trier et d’afficher uniquement les scripts par framework ou selon ce qu’ils proposent, images, vidéos, flash, etc. A bookmarker d’urgence! Génial non ?

Lire la suite du billet

Pour commencer, avant de parler de la bête, un peu d’historique… Il y a longtemps que je cherchais le CMS idéal pour gérer la création et la maintenance d’un site Internet. Graphiste et Intégrateur XHTML / CSS avec assez peu de notions en développement, il me fallait un outil de gestion de contenu simple, intuitif, accessible, avec le maximum de possibilités et de fonctionnalités, etc. Très exigeant, je rêvais du Saint Graal, l’outil ultime, la perle rare :) …

Lire la suite du billet

Ci-dessous une liste non exhaustive des différentes solutions de Lightbox pour vos images, photos, vidéos, html, etc. Et quelques plugins existants pour Wordpress et Dotclear. Pour ceux qui ne connaissent pas ou qui ne voient pas ce que c’est, euh… je les invite à regarder la page Wikipédia.

Lire la suite du billet

Un nouveau player flash très complet pour vos vidéos et mp3 qui gère les formats suivants : FLV, SWF, MP3, MP4, H.264 video, JPG and PNG. Pas mal d’options sont disponibles comme le choix des couleurs, la gestion d’une playlist, la possibilité de choisir les boutons de contrôle pour la vidéo, etc.

De ce que j’ai testé, il est hautement configurable, avec beaucoup de variables et peut répondre à beaucoup d’attentes. Le site est plutôt bien fait avec une documentation détaillée pour l’installation et la configuration du player. Si vous souhaitez avoir un rapide aperçu, une page screenshots est disponible

Après avoir migré mon blog sous Wordpress, j’ai vérifié si il était toujours valide XHTML / CSS. Je me suis aperçu que par défaut, le widget links attribuait à la balise <li> le même id à chaque fois, ce qui forcément n’est pas valide…

Après quelques recherches, j’ai trouvé un bout de code à insérer dans le fichier functions.php du thème installé, qui permet d’avoir un nouveau widget conforme aux normes w3c. En détail, au lieu d’avoir id=”links” sur tous les liens, on a: id=”linkcat-19″, id=”linkcat-20″, etc. Voici le code à insérer :

Lire la suite du billet

Un nouveau plugin très simple pour insérer un effet lightbox sur votre blog wordpress avec la librairie JQuery. Les points forts :

• Administration du plugin via l’administration de Wordpress.
• Personnalisation de l’effet visuel (couleur, opacité, vitesse).
• Choix de la langue fr/en (pour les raccourcis clavier et images suivantes/précédentes/fermer).
• Désactivation de la librairie JQuery, pour la compatibilité avec d’autres plugins JQuery.

L’occasion aussi de parler de l’auteur de ce plugin, un collègue et ami qui ouvre son blog orienté développement, au doux nom de fessedebouc.fr. En hommage (ou pas) à qui d’après vous ?

• La page pour le téléchargement et les exemples

Encore un lightbox vous allez me dire ? C’est vrai, il existe énormément de scripts pour afficher des galeries avec ce style si particulier. Mais à la différence des autres, multibox supporte une multitude de choses :

• Les formats de vidéos suivants : flv, mov, wmv, real
• La lecture d’un mp3
• Bien sûr, l’affichage d’images / photos
• Et l’affichage de page html / ajax

Ce script tourne sous mootools v1.11. Compatible avec les navigateurs Firefox 2, IE 7 , IE 6, et Safari. Quelques options sont disponibles comme par exemple le choix de la couleur du fond, la semi-transparence de celui-ci, description, etc. Dommage, il manque peut-être la possibilité de lancer un slideshow / diaporama, mais c’est déjà pas mal non ?

• La page avec le téléchargement et les exemples

Edit : Ce que j’ai oublié de préciser, multibox n’est pas le seul script disponible sur phatfusion. Slideshow, rounded corners, page loader, validate, etc. sont à découvrir sur la page d’accueil.

Il existe de nombreuses adresses pour tester la validé d’un site aux normes W3C. Mais très peu permettent de tester à la fois le XHTML et le CSS. Avec XHTML-CSS Validator, c’est dorénavant possible, en seul clique. Pour ne rien gâcher je trouve le design épuré et plutôt réussi, avec pas mal d’ajax qui rende l’outil très agréable à l’utilisation. Et cerise sur le gâteau, une extension firefox est disponible.

• Un exemple de résultat avec mon blog