Archives par mot-clé : CSS

Tuto : créer un tableau HTML avec une première ligne fixe avec CSS et JQuery

Lorsqu’un tableau HTML est long, il est utile de pouvoir bloquer la première ligne afin de l’avoir visible lorsqu’on parcourt son contenu. On utilisera pour cela des balises HTML très peu usitées, et qui ont donc conservé une aura de mystère : THEAD et TBODY. Il suffit de leur appliquer un peu de CSS pour bloquer l’une et scroller l’autre.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , | 5 commentaires

Des dégradés sans image avec Firefox 3.5 (et CSS 3)

Arc en ciel

L’implémentation de -moz-box-shadow par Firefox 3.5 nous promet de belles heures d’amusement. Non seulement elle permet de créer une ombre portée sur un bloc, mais, associée aux couleurs RGBA (avec alpha-channel) et à la propriété inset, elle vous autorise à créer des ombrages internes subtils sans recourir à des images. Exemples et explications…

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , | 6 commentaires

Afficher un compteur sous forme de jauge en HTML

Pour afficher de manière graphique un chiffre qui évolue entre une valeur minimale et une valeur maximale, la jauge est un outil très pratique. A l’image du thermomètre, elle est compréhensible du premier coup d’oeil et sa mise en oeuvre en HTML est d’une simplicité enfantine. Explications.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , , | 5 commentaires

Recharger le cache CSS ou JS à chaque mise à jour des fichiers

Rien à cacher

Votre site accueille des visiteurs réguliers et vous devez modifier une feuille de style CSS ou un script JS. Problème : ces fichiers sont mis en cache sur le navigateur (côté client), et les utilisateurs risquent de ne pas bénéficier des modifications avant plusieurs jours. Ou pire, pour peu que le source HTML ait changé, l’affichage sera illisible ou les fonctions totalement inutilisables ! Voici une solution simple qui ne demande qu’une ligne de PHP et se mettra à jour automatiquement par la suite.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , | 5 commentaires

Le retour des tables HTML via CSS (la guerre est finie)

Le retour des tables

On vous disait depuis des années que les tables, c’était pas bien pour la mise en page. Eh bien aujourd’hui, Digital Web Magazine, ardent défenseur du web sémantique et du positionnement en CSS nous donne une nouvelle leçon : les tables sont de retour. Une chance d’en finir avec l’un des casse-têtes les plus complexes que les webdesigners ont rencontré depuis l’abandon des tables de layout.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , | 3 commentaires

Des tableaux de données simples, standards et lisibles en CSS et PHP

Même si leur usage a été banni dans la mise en forme de pages au profit des DIV, les tableaux sont un outil de choix dès qu’il s’agit d’afficher des données sous forme de lignes et de colonnes. Il reste cependant difficile de créer des tableaux lisibles et conformes aux standards. Voici un condensé de bonnes pratiques pour styler vos tableaux, qui n’a rien de révolutionnaire mais vous fera peut-être gagner du temps.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , | 2 commentaires

Vers un développement Web durable

On voit émerger une tendance diffuse dans l’évolution du développement Web. On dirait que ce domaine se convertit au développement durable. On doit déjà se prendre le chou avec les économies d’eau ou trier ses ordures, et il faudrait en plus faire des économies de Web ? Petit tour d’horizon. Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , | 2 commentaires

Habillage Web : le Potlatch se fait belle

Après plus d’un an de pérégrinations dans la même peau blafarde, le Potlatch se sentait un peu nu. Une injection de Botox Photoshop, une cure amincissante pour raffermir pour le logo, quelques mètres de tissus bigarrés, un bon coup de ciseaux CSS, et hop ! Une robe du soir toute neuve ! C’est quand même plus classe, un blog habillé.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , | 2 commentaires

La bonne taille de texte en CSS (How to size text using ems | clagnut/blog)

Après avoir compris que les tailles en pixels appartenaient à l’Axe du Mal, j’ai longuement cherché la méthode la plus efficace pour dimensionner du texte avec des valeurs relatives (donc accessibles) sans trouver la formule idéale (simple et efficace). J’ai … Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , | 2 commentaires