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.
Balise - CSS
jeudi, 8 avril 2010
Tuto : créer un tableau HTML avec une première ligne fixe avec CSS et JQuery
Par Le Caphar Damien Ravé le jeudi, 8 avril 2010, 22:32 - Webdesign
lundi, 20 juillet 2009
Des dégradés sans image avec Firefox 3.5 (et CSS 3)
Par Le Caphar Damien Ravé le lundi, 20 juillet 2009, 20:44 - Webdesign
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...
jeudi, 22 janvier 2009
Afficher un compteur sous forme de jauge en HTML
Par Le Caphar le jeudi, 22 janvier 2009, 08:08 - Webdesign
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.
vendredi, 31 octobre 2008
Recharger le cache CSS ou JS à chaque mise à jour des fichiers
Par Le Caphar le vendredi, 31 octobre 2008, 23:51 - Webdesign
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.
jeudi, 23 octobre 2008
Le retour des tables HTML via CSS (la guerre est finie)
Par Le Caphar le jeudi, 23 octobre 2008, 23:16 - Webdesign
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.
samedi, 19 janvier 2008
Des tableaux de données simples, standards et lisibles en CSS et PHP
Par Le Caphar le samedi, 19 janvier 2008, 10:34 - Webdesign
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.
mercredi, 25 avril 2007
Vers un développement Web durable
Par Le Caphar le mercredi, 25 avril 2007, 23:12 - Webdesign
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.
samedi, 24 mars 2007
Habillage Web : le Potlatch se fait belle
Par Le Caphar le samedi, 24 mars 2007, 00:12 - Webdesign
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é.
vendredi, 13 janvier 2006
La bonne taille de texte en CSS (How to size text using ems | clagnut/blog)
Par Le Caphar le vendredi, 13 janvier 2006, 10:34 - Webdesign
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 testé et approuvé celle proposée par ce blog : réduire la font-size du body à 62.5% (ou plus), puis utiliser des tailles en em pour toutes les balises, le paragraphe p étant à 1em, le h1 par exemple à 2em. Très efficace !
How to size text using ems | clagnut/blog
Derniers commentaires