html5media — Les balises HTML5 audio et video sans contrainte

Les balises HTML5 `video` et `audio` permettent d’incorporer du son ou de la vidéo dans une page web aussi simplement que s’il s’agissait d’une image. Mais comme le roi et la reine ne le veulent pas tous les navigateurs ne prennent pas en charge ces charmantes nouveautés, html5media a eu la bonne idée de rendre possible l’utilisation des balises `audio` et `video` sans se soucier de la compatibilité : le script se charge de fournir un player Flash (flowplayer) pour les navigateurs à la traine !

Modernizr — Détection des fonctionnalités CSS3 et HTML5

Modernizr est une petite bibliothèque Javascript qui détecte la prise en charge (ou non) des fonctionnalités CSS3 et HTML5 comme @font-face, canvas, video, rgba(), border-radius, les fonds multiples, CSS Columns, etc. Modernizr teste plus de 20 fonctionnalités en quelques millisecondes pour ajouter des classes spécifiques dans la balise html indiquant indiquer la prise en charge (ou non) des propriétés testés par le navigateur.

Ceebox — une lightbox spécialisée dans l’affichage des vidéos

Ceebox est un plugin jQuery totalement réécrit il y a peu pour afficher n’importe quel contenu dans une fenêtre modale ou non de type lightbox. Ceebox donne toute sa mesure lors de l’insertion de vidéos hébergées sur Google Video, Dailymotion ou Youtube.

Il est possible d’afficher une galerie mélangeant différents types de contenus, y compris via Ajax. Le plugin  nécessite SWFObject jQuery Plugin pour l’affichage des vidéos et s’active de différentes manières. Pour finir, les nombreux paramètres par défaut sont modifiables pour s’adapter à toutes les situations.

CSS — Structurer, documenter et maintenir

Après la présentation du script PNGHack, voici une nouvelle présentation de Yves Van Goethem concernant l’organisation et l’optimisation de nos chères feuilles de style CSS : application des conventions de développement à l’écriture des CSS ; structuration des CSS selon la complexité des documents à styler et pour terminer, une bonne dose de bonnes pratiques !

PNGHack — La fin de 7 ans de malheur avec IE 6

En 2001 Internet Explorer 6 n’avait toujours pas intégré la transparence du format PNG pourtant sorti en 1995. Cette gestion de la transparence est une des fonctionnalités qui manquent le plus aux web designers…

La revue de web de la semaine #1

Au menu de cette revue de presse, il y a l’incontournable CSS Naked Day qui a lieu le 9 avril prochain ; un rendez-vous avec Ruedi Baur ; une liste de 90 ressources autour de Photoshop ; une série de tutoriels sur les shortcodes apparus dans WordPress 2.5 ; une nouvelle version de bbPress ; un nouveau forum SEO pour les professionnels du référencement ; et on termine avec le début d’une série de podcast vidéo qui promet d’être intéressante. Plein de bonnes choses à picorer à droite à gauche :