PUBLIC MARKS from -Nicolas- with tags blog & css

Cet article est une “craduction”(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autes devrait être limité au strict minimum. "Yalla, en avant les jeunes !"

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de 21 scripts pour faire face à toutes les situations (ou presque)

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

Inline image quotes. An easy and effective way to create inline image quotes with CSS.

Le langage CSS est plutôt simple et intuitif. Mais, en s'habituant à cette aisance d'utilisation, on en oublie parfois certaines de ses subtilités (en tout cas c'est mon cas). En voici une parmi d'autres : la présentation des « enfants » et des « descendants » d'un élément.

On considère généralement que la mise en forme du code HTML (retours à la ligne, indentation, espaces entre les balises) n'a aucun impact sur le rendu final. Il est possible, par exemple, d'écrire le code d'une page web complète sur une seule ligne ; ou bien de revenir systématiquement à la ligne pour chaque nouvelle balise ; ou encore de laisser plusieurs lignes vides, pour « éclaircir » un code et en faciliter la lecture. Même si cette conception est généralement vraie, il faut se méfier de ce genre de généralités. La mise en forme du code peut avoir des conséquences sur le rendu ! Petite mise au point...

Weblob de Marc Hertzog

Quelle est la taille idéale pour afficher du texte à l'écran ? Pas facile de répondre à la question. D'autant plus que de nombreux critères peuvent varier en fonction de chacun (goûts personnels, handicap, fatigue des yeux) et de chaque ordinateur (système d'exploitation, résolution d'écran, couleur de fond).

Ce site a été créé au départ pour présenter mes créations et prestations liées au web. Il s'est trouvé que plus le temps passe plus je découvre avec joie la conception web aux normes, ainsi que tout ce qui touche à l'Accesibilité du Web. C'est pour cela que j'ai décidé, sur ce site, d'étendre la communauté consacrée aux feuilles de styles CSS, au XHTML et aux Standards W3C en proposant une galerie de site en CSS, un forum de discussion, un blog et de nombreuses ressources CSS, Flash, PHP, etc. utiles à la conception de sites web aux normes.

Intégration xhtml et css :: webdesign :: ergonomie :: référencement

This is a collection of experiments, methods, tips and tricks related to CSS and XHTML that may or may not come in handy some day. Some of these techniques are based on ideas of my own, others are based on techniques, tutorials, and ideas that I’ve come across on the web, on mailing lists, in books, and other places. Some of these examples have step-by-step instructions while others do not. I hope to eventually get around to writing instructions/explanations for all of these examples.

Explications sur l'utilisation des em pour déterminer la taille des caractères en CSS.

Ressources en tout genre sur les technologies web.