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 - tutorial
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.
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.
mercredi, 25 juillet 2007
Vos utilisateurs buggent ? Quelques pièges à éviter dans vos applications en ligne
Par Le Caphar le mercredi, 25 juillet 2007, 23:44 - Webdesign
A mesure qu'il s'immisce dans tous les aspects de notre vie, le Web cesse d'être un joujou pour les technophiles et concerne de plus en plus des publics que l'informatique effraie, voire rebute. Il est de la responsabilité du designer de prendre en compte ces publics en repoussant l'aspect anxiogène des interfaces. Voici quelques pièges à éviter.
samedi, 26 mai 2007
7 pratiques Javascript qui changent la vie
Par Le Caphar le samedi, 26 mai 2007, 01:25 - Webdesign
A l'époque où le mot Ajax évoquait encore un produit d'entretien, où le DOM était un territoire d'outre Web, et où l'idée de faire des applications dynamiques sur le Web paraissait extrèmement utopique, Javascript avait l'allure d'un gadget peu fiable. Il ne me serait jamais venu à l'esprit que ce langage soit évolué, stable et puissant. Et que son apprentissage soit aussi semé d'embuches... Après des mois de pratique intensive et d'arrachage de cheveux, voici quelques-uns des trucs que j'ai appris.
- La fonction $()
- L'objet littéral
- JSON
- Yahoo UI (ou autre framework)
- La capture d'évenements
- Le Javascript gzippé
- Les outils de débuggage
samedi, 5 mai 2007
Tutorial MySQL : alléger des requêtes successives avec CREATE TEMPORARY TABLE
Par Le Caphar le samedi, 5 mai 2007, 10:50 - Développement PHP
Travailler avec des tables SQL de 30 Mo pour en triturer les données est une épreuve capable de mettre à genoux votre serveur dédié de compétition. La fonction CREATE TEMPORARY TABLE peut vous aider à alléger grandement les performances. Etude de cas sur une application de statistiques de visite et autres optimisations possibles.
lundi, 26 mars 2007
Tutorial PHP : chronométrer le temps de calcul des requêtes SQL (benchmark)
Par Le Caphar le lundi, 26 mars 2007, 00:06 - Développement PHP
Pour ceux qui ne l'auraient pas encore, voici la fameuse recette du benchmark maison au coulis de microtime. Ou comment chronométrer le temps de calcul imposé au serveur par chacune des séquences de votre script. Cela permet de repérer les goulets d'étranglement, qu'il s'agisse de requêtes SQL ou de boucles de code PHP mal optimisés.
lundi, 19 mars 2007
Tutoriel PHP : pourquoi passer au développement orienté objet ?
Par Le Caphar le lundi, 19 mars 2007, 23:02 - Développement PHP
Ce que j'aurais toujours voulu savoir sur la programmation orientée objet sans jamais le trouver. Cette introduction est destinée à fournir des idées claires pour aborder la POO dans PHP.
lundi, 22 janvier 2007
Quelle est la meilleure architecture pour votre site Web ?
Par Le Caphar le lundi, 22 janvier 2007, 22:45 - Webdesign
La syntaxe du HTML a peu évolué depuis une dizaine d'années. On peut même constater depuis quelques temps un retour aux sources avec le balisage sémantique. A contrario, l'architecture des sites a profondément changé. Aujourd'hui, le webdesigner dispose de nombreuses options pour structurer son site sans s'arracher les cheveux à le maintenir et le faire évoluer. Je vais évoquer les méthodes les plus fréquentes.
dimanche, 21 janvier 2007
Astuce PHP : afficher ou masquer le "s" de résultat(s) en une ligne
Par Le Caphar le dimanche, 21 janvier 2007, 15:45 - Développement PHP
J'ai longtemps cherché un moyen simple et efficace de déterminer si le nombre de résultats d'un moteur de recherche prenait un S. Et je crois avoir trouvé la méthode la plus condensée : ça tient en une ligne de code. Explications.
vendredi, 8 septembre 2006
Trucs photographiques (anglais)
Par Le Caphar le vendredi, 8 septembre 2006, 23:18 - Photo
DG28 propose une collection de techniques photographiques pour couvrir les plans difficiles (contre-jour, flash en intérieur, plongée et contre-plongée...). Une mine d'infos pour l'apprenti photographe.
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