Graphisme

Créer une boîte flexible aux coins ronds avec les CSS

La création de boîte avec des coins arrondies pour la mise en page de certains éléments est une pratique très courante, et les tutoriels pour faire ça avec les vieilles tables ne manquent pas. Par contre, comment faire avec des div et les CSS pour un site web moderne et conforme aux standards W3C? À [...]

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 [...]

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.

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 [...]

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 [...]

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 [...]

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 [...]

Quels sont les formats graphiques compatibles pour les navigateurs web?

Assurez-vous d’utiliser les formats JPEG, GIF ou PNG pour vos images. Tous les autres formats, comme PICT ou BMP, qui pourrait être lus accidentellement par quelques navigateurs web, ne sont pas standards et donc inadéquats. Information supplémentaire: