Changement de design «on the fly» avec jQuery

Je vous recommande ce tutoriel clair et didactique qui reprend pas à pas les étapes permettant de permuter deux maquettes sur un clic. L’idée est de changer une classe CSS à la volée et d’arranger le design en fonction des éléments que l’on veut voir apparaitre ou non. Dans un cas, on aura une liste avec une miniature et une description, dans l’autre, les images seront plus grandes et le texte aura disparu.

Simple jQuery Text Resizer

Si la modification de la taille du texte fait déjà partie des fonctionnalités du navigateur, il peut être utile de proposer aux visiteurs une alternative sur la page web. Avec Simple jQuery Text Resizer et une simple liste HTML vos visiteurs choisiront la taille qui leur convient et un cookie gardera leur préférence en mémoire tout au long de la navigation ou lors de leur prochaine visite selon la date d’expiration indiquée.

Ajax Upload — input type file reloaded

Les navigateurs imposent la balise <input type= »file » /> pour «uploader» (téléverser comme disent les québecois) un fichier sur le serveur. Cette balise est quasi impossible à personnaliser et le style par défaut de cette pauvre chose fait souvent tâche au milieu des applications web 2.0… Pour y remédier, Flash est une alternative souvent utilisée alors que Javascript peut tout aussi bien faire l’affaire.

Cufón : des polices de caractère pour tous

La propriété @font-face (revigorée par CSS3) n’est malheureusement pas disponible sur tous les navigateurs. Il existe néanmoins de nombreuses solutions plus ou moins simples à mettre en oeuvre pour utiliser les fontes de votre choix sur votre site. Cufón semble la solution la plus aboutie en terme de mise en place et de  compatibilité avec le plus grand nombre de navigateurs. Voici une liste de quelques articles permettant d’en savoir plus :

eCSStender

Toujours rêvé d’utiliser les sélecteurs CSS avancés dans vos designs web sans vous soucier d’IE6 ? Alors vous devriez vous intéresser au travail d’Aaron Gustafson. Une fois le DOM chargé, eCSStender rassemble les feuilles de styles impliquées dans l’affichage de la page dans une variable. Le parsing peut commencer et eCSStender recherche tous les motifs pour lesquels une extension est disponible (@font-face et @page pour le moment). Pour la suite des explications je vous invite à lire la documentation 😉 — eCSStender