Comment faire une belle pagination avec des listes en CSS

Il peut être tentant de simplement utiliser des tables pour afficher une pagination en bas de page, mais cette méthode va à l’encontre de l’esprit d’un site HTML et CSS, qui sépare la présentation du contenu, parce qu’une pagination n’est pas à proprement parlé du contenu tabulaire et l’emploi de la balise table ne serait […]

Lire la suite…

Créer des icones de cristal avec Photoshop

Un look prisé par beaucoup de sites web qui veulent se donner une apparence impeccable et distinguée est le graphisme cristal (« crystal »), popularisé principalement par Apple dans le graphisme de son système d’exploitation. Voici comment créer des icônes, onglets et des boutons qui ont cette apparence vitrée, comme si elles étaient faites de cristal. […]

Lire la suite…

Comment faire des bordures sur des images en CSS

Anciennement, on utilisait l’attribut border à l’intérieur de l’image (ex: border= »1″), et le simple fait de mettre un lien sur cette image nous permettait d’avoir une bordure qui se comportait comme les liens de la page, avec les même couleurs. Toutefois, cette pratique est désuète et n’est pas compatible avec les nouveaux standards strict de […]

Lire la suite…

Remplacer le texte d’un titre H1 avec une image

Il existe un petit truc pour continuer à employer la balise H1 et ses effets bénéfiques, au niveau du positionnement avec les moteurs de recherche et sa valeur sémantique dans une page html (désignant le titre d’un article), mais tout en affichant une image afin d’avoir un titre graphiquement plus riche, ou une police de […]

Lire la suite…

Comment créer automatiquement des thumbnails avec Photoshop CS2 et Save for web

Une fonctionalité couramment requise dans le métier de webmaster est de créer automatiquement une grande quantité de thumbnails (petites images minitiatures, au imagettes) à partir d’une large collection d’images sources, de grosse dimension, dans le but de composer une page de type gallerie d’images. On cherche à obtenir une taille minimale de fichier tout en […]

Lire la suite…

Comment faire la petite icône favicon qui apparait dans les onglets?

Cette petite icône, bien appéciée généralement des utilisateurs, parce qu’elle démarque visuellement les sites dans les signets et les différents onglets (tabs), avec Mozilla, Firefox ou Opera, et nouvellement, Microsoft Internet Explorer, a le nom technique de favicon et est une petite image de 16 par 16 pixels sauvée dans le format ICO (certain navigateurs […]

Lire la suite…