Archives par mot-clé : HTML

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

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

Antispam pour les commentaires de blog : un Captcha sans images

Captcha antispam pour blog

Les spams dans les commentaires de blogs sont une plaie. Divers tests de Turing (aussi appelés Captchas) visent à séparer les robots des êtres humains, allant de l’image plus ou moins lisible au questions les plus absconses (« quel est le troisième chiffre dans la chaîne 012345 (en chiffres) ? »). Voici une méthode, simple et, d’après mon expérience, plutôt efficace pour tromper les spammeurs. Explications.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , | 14 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