PUBLIC MARKS with tags articles & webdesign

Le temps des onmouseover, des images préchargées via JavaScript et des autres joyeusetés héritées des grandes périodes de tag soup est, comme le temps des Elfes de la Terre du Milieu, définitivement révolu : faire des effets de rollover sur des images est tout à fait possible en utilisant uniquement les CSS. La technique consiste à exploiter un fichier unique pour stocker de multiples images, positionnées les unes à côté des autres. Celles-ci seront ensuite appelées dans la feuille de style, et la fenêtre d'affichage sur l'une ou l'autre image sera définie en CSS grâce à la propriété background-position.

Le Kit de Survie du Créatif, initiative de l'association Métiers Graphiques, est un ensemble d'articles originaux rédigés par des professionnels du graphisme, destinés à orienter et informer tous ceux qui abordent ce secteur ou y évoluent déjà. En marge et en complément de l'ensemble des textes administratifs ou légaux déjà disponibles sur la Toile, ce kit aborde le métier d'un point-de-vue concret, pratique, et eprouvé : chaque information que vous y trouverez est le résultat de l'expérience de son rédacteur, de ses tentatives, retours et conclusions. Vécu quotidien du métier de graphiste, croisement des données légales et administratives, et échange permanent entre professionnels ont présidé à sa rédaction.

Cet article est l’occasion de revenir brièvement sur le support par les principaux navigateurs Internet de ce dernier format capable de produire des images sans perte de données et de grande qualité.

Web-developers can create amazing web-applications with AJAX. Stikkit, Netvibes, GMail and dozens of further web-projects offer a new level interactivity we've used to give up

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!

Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien, et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP.

Who wants to use Excel to make a new graph each week? Using CSS and PHP you can create attractive bar graphs (yes, even the stacked kind) that are always up to date.

Welcome to HTML Dog, the web designer's resource for everything HTML and CSS, the most common technologies used in making web pages.

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.

This article highlights and answers some of the most frequently asked questions about HTML. HTML is the foundation of the Web, and both developers and designers need to understand it.

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...

Excellent article on ins and outs of using articles and content.........

Sur Ergologique, nous souhaitons sensibiliser et conseiller les concepteurs d'interfaces web, et d'interfaces utilisateurs en général, sur les nécessités en ergonomie et utilisabilité.

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).

Bienvenue sur Ajax Journal, une zone d'échange francophone sur Ajax, pour partager des liens, des articles et des avis sur les différents aspects de ces nouvelles technos qui peu à peu changent le visage des applications Web ...

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.