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 😉
J’ai lancé mi-novembre 2009 le blog js4design pour garder les bons liens Javascript et jQuery sous la souris. A l’exception du billet pour annoncer son lancement et des liens réguliers sur Twitter, je n’ai pas fais d’efforts particuliers pour le promouvoir. C’est pourquoi je suis très content des résultats que je tiens à partager avec vous : →
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. →
Voici une collection de près de 40 bouts de code pour faciliter vos développements en Javascript ou jQuery : rechercher une chaine de caractère dans n’importe quel élément HTML, vérifier si un élément existe avant de l’utiliser, sélectionner/de-sélectionner une série de cases à cocher, déplacer une option d’une liste à l’autre, etc. Via Taggle.
jQueryList — Plus de 255 plugins pour jQuery disponibles sur une seule page et classés par thèmes : Ajax Plugins and Tutorials, CSS, DOM and other Plugins, Form Select Boxes, Grids, Tagging and Tag Cloud, Alert Windows and Prompt, Animation and Effects, etc.
A mesure que les techniques des langages du web l’ont permis, des designers web talentueux ont travaillé à l’élaboration d’environnement de travail permettant de mettre en place des systèmes de grille adaptés aux contraintes de la création de pages web. Contrairement à l’imprimé où le langage de description de page Postscript d’Abode est un standard, il n’existe pas sur le web de dispositif « officiel » pour créer des colonnes à l’épreuve des différences de rendu entre les agents utilisateurs (les navigateurs). →
Link Building Pro — Chaque fois que quelqu’un copie du texte sur votre site, le script ajoute automatiquement un lien vers la source, au cas où le copieur-colleur oublierait de citer l’original 😉 Compatible avec Firefox (Mac et PC), Chrome, IE6, IE7, IE8 et Safari.
Dans la famille des WordPress Themes Frameworks, Thematic se présente comme un framework pour WordPress permettant de créer des thèmes optimisés SEO (Search Engine Optimization) à l’attention des blogueurs débutants ou des professionnels du développement. Je l’ai utilisé sur ce blog en attendant de créer 942, mon nouveau thème WordPress à partir d’une toute nouvelle charte graphique. J’ai laissé Thematic en l’état pendant plusieurs mois sans ajouter d’images, même pour le logo. Si l’extrême sobriété de Thematic incite à penser que sous le capot tout a été optimisé pour assurer un affichage rapide, sachez qu’il n’en est rien. →
Un court billet pour que vous ne ratiez pas Stupid WordPress Tricks. Ce billet recense pas moins de 76 trucs et astuces concernant WordPress avec des morceaux de code à l’intérieur. J’aime particulièrement l’accueil personnalisé pour les personnes ayant laissé un commentaire sur le blog et l’affichage des billets comportant le champs personnalisé (custom fields) que vous voulez. L’article est très bien structuré avec un sommaire menant vers la partie concernée. A mettre dans les favoris !
Je ne suis pas encore fan de l’introduction des fonctions d’animation dans CSS3 et je préfère compter sur les frameworks Javascript qui prennent actuellement en compte un plus large éventail de navigateur. L’article CSS3 animations and their jQuery equivalents passe en revue une demi-douzaine d’effets introduits dans CSS3 et fourni le code Javascript pour obtenir le même résultat en jQuery. Jetez un oeil sur la page regroupant les effets en action.
