Aller au contenu | Aller au menu | Aller à la recherche
lundi, 20 juillet 2009
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
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
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
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
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
Par Le Caphar le mercredi, 25 avril 2007, 23:12 - Webdesign
samedi, 24 mars 2007
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
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/blogLoading tweets 
Explorateur infatigable des nouvelles technologies, je travaille dans le monde alternatif de l'économie sociale. Je fabrique et anime des sites et des applications en ligne.
Derniers commentaires