Un template qui peut dépanner lorsqu’on est pressés.

Loin derrière moi l’époque où je donnais des claques lorsqu’on me parlait de JavaScript… Aujourd’hui les interfaces deviennent de plus en plus riches et souvent les CSS sont trop limitées - enfin, certains navigateurs sont encore à la traine et ne profitent pas pleinement de la technologie - pour permettre à des gens comme moi de tout gérer sans problèmes - sans oublier les obstacles liés à la compatibilité cross-browser.

JavaScript revient en force pour nous aider, grâce aussi à l’explosion du web2.0 qui nous amène à l’utiliser davantage. L’article The future is hybrids – how JavaScript can purify pure CSS solutions est un bonne lecture pour se familiariser avec tout ce bazar et pour faire une integration optimale des deux composantes qui gérent l’aspect visuel de votre site et son comportement. Bonne lecture.

• jQuery: Why jQuery’s Philosophy is Better. En gros le billet montre les avantages à utiliser jQuery par rapport à d’autres framework.
• Font Tester: pour tester en direct les font
• Displaying percentages: comment créer une barre de progression en CSS
• YShout 3: une shoutbox en Ajax
• CSS Optimization: Make Your Sites Load Faster for Free: comment optimiser les CSS, quels outils sont les plus efficaces

Avant de commencer, quelques liens vers la documentation en ligne de jQuery:

• documentation
• quelques tutoriels
• une liste de plugins
• version stable et en développement
• mailing list

Développer un plugin pour jQuery est particulièrement intéressant car on peut bénéficier d’une librairie JavaScript flexible, légère qui permet d’effectuer facilement des manipulations DOM, des effets et des animations simples ou avancées et surtout du Ajax. La mise en place d’un plugin va vous permettre de l’appliquer facilement a n’importe quel contexte.

Read the rest of this entry »

En quoi consiste concrètement l’utilisation du DOM et pourquoi l’utiliser? De manière générale, travailler avec le DOM vous permet de parser l’arborescence d’une page (X)HTML et de manipuler les différents objets la constituant. On peut aller encore plus loin notamment en manipulant également les CSS liées à la page.
Read the rest of this entry »

Quelques lectures pour ce mercredi:

• 15 Exercises to Know A Programming Language
• 10 tips on writing reusable code
• 10 Common CSS Mistakes
• Top 10 Web 2.0 Designs
• Web 2.0 Design tutorials

A part ça, hier j’ai reçu CSS Mastery. Advanced Web Standards Solutions. Même pour les plus avertis, un livre incontournable, surtout comme support de travail fourré de trucs et d’astuces. Un bon résumé de ce qui a été fait jusqu’ici. Une petite mine d’or.

Présentation de sites utilisant cette technique…

Ce ne sont pas les miens, mais ceux de Trenton Moss

CSS Techniques Roundup - 20 CSS Tips & Tricks

J’ai déjà eu l’occasion de poster sur ce sujet en début d’année. De nouveaux liens et de nouvelles techniques existent depuis:

• Thierry Image Placement
• Definitive Solution to Image Replacement