Le petit journal du web

Typekit — La typographie sur le web

Parmi les solutions disponibles pour afficher des titres avec une police de caractère sortant des sentiers battus, Typekit sort du lot. Si SIFR, FaceLift, ou Typeface.js s’appuient globalement sur la technologie Flash et Cufon sur Javascript, Typekit quant à lui s’appuie sur le standard CSS3 et la propriété @font-face pour faire son petit effet. Frambi-framboise sur le gâteau, cette propriété @font-face est prise en charge par les navigateurs modernes (Firefox 3+, Safari 3.1+) mais aussi par Internet Explorer à partir de la version 6. A noter que @font-face ne fonctionne pas avec Google Chrome. →

Documentation

Fonctions anonymes en Javascript — éléments de syntaxe

C’est sur le blog Code 18 que j’ai trouvé quelques remarques intéressantes concernant la syntaxe des fonctions anonymes dont les frameworks Javascript comme jQuery ou Prototype sont friands. Voici deux exemples pour illustrer la question. Saurez-vous faire la différence entre :

var object = function(){
   // code
}();

et

var object = function(){
   // code
};
HTML & CSS

BBComposer — l’éditeur HTML à consommer sur place ou à emporter

Initialement développé pour les besoins internes de la société ElitWork, BBComposer est un éditeur de texte qui produit du code HTML (mais aussi du Wiki, BBCodes et XBBCodes) dans un environnement WYSIWYG. Nicolas et Mathieu Froidure ont prêté une attention particulière au code généré, avec la sémantique des balises comme fil directeur. BBComposer est une extension Firefox, ce qui le distingue des autres éditeurs HTML sur le marché comme TinyMCE ou CKEditor. Il est donc possible d’utiliser cet éditeur HTML dans votre CMS préféré sans ajouter de plugin. →

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 😉

Plugin jQuery

Mise en page automatique avec jQuery Masonry

jQuery Masonry réorganise les blocs de votre page page d’après une grille (de manière verticale et horizontale) pour réduire au maximum les espaces vides entre les éléments qui apparaissent lorsqu’on applique la propriété float sur des blocs de hauteurs différentes.  →