5 bonnes pratiques CSS

En attendant le prochain bdbx (déjà prêt), je vous propose 5 bonnes pratiques en CSS. A force de bosser des feuilles de style, il m’arrive de ne plus faire quelques erreurs même si je n’arrive pas encore à toujours trouver la solution optimale directement. Ici, je ne parlerai pas de pratiques basiques plutôt évidentes (comme par exemple d’utiliser un maximum les notations raccourcies), mais d’autres plus subtiles auxquelles je ne pensais pas auparavant.

  1. Ne pas utiliser de position:absolute sur un élément dont on ne connaît pas la hauteur
  2. Bien notifier qu’un lien est en display:block
  3. Ajouter un background-color avec le background-image
  4. Utiliser le position:relative en dernier recours
  5. Mettre un id au body

Lire la suite

jQuery gestures : dessinez pour naviguer

jQuery gestures est un plugin qui permet de naviguer en dessinant avec la souris.

D’abord, activez le plugin (en cliquant sur le lien ou en maintenant la touche Ctrl enfoncée pendant que vous dessinez).

1. Image suivante

Cliquez, déplacez vous vers la droite, puis relâchez. Hop! Vous êtes sur l’image suivante.

jquery-gesture-01

2. Ouvrir la page Flickr

Vers le bas, puis vers la gauche, et la page Flickr s’ouvre.

jquery-gesture-03

3. Afficher/masquer l’aide

Bas, haut, droite bas (on dirait un cheat code). Et ça forme un « h ». J’adore.

jquery-gesture-02

Je trouve cette utilisation de jQuery particulièrement intéressante. Il faut voir maintenant si on peut le mettre en pratique à d’autres fins.