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.

(more…)

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.
(more…)

Jared Spool se penche sur la question… rien de nouveau, la cohérence prime; en tout cas si quelqu’un vous posera la même question, vous aurez au moins quelques exemples à montrer.

Via Yet Another Tech Blog, drôle et en même temps tellement vrai ce découpage des activités du petit codeur:

(more…)

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.

J’en avais déjà parlé il y a quelques temps du service en ligne gratuit Browsershots. Depuis ma dernière visite, le site a fait peau neuve et ajouté des options intéressantes, comme par exemple le temps d’attente pour avoir les captures d’écran (enfin je crois, je teste là ) d’un site donnée sur une vingtaine de browsers… utile d’autant plus que dans le passé il fallait attendre environ 1h30, voir plus, pour avoir les images demandées…

Bravos à ces gaillards…

Trois lectures pour bien démarrer la semaine:

• 9 Ways to Misunderstand Web Standards
• 50 ways to become a better designer
• 5 Steps to Building Better Websites

Et si vous êtes fan de Mario et vous avez l’occasion de retaper la chambre de votre enfant ou votre bureau, regardez ces images J’en connais plusieurs qui vont craquer…