PUBLIC MARKS from parmentierf with tags css & webdesign

Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

CSS Selector Shell

Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

Les feuilles de style CSS permettent d'adapter la présentation des contenus à plusieurs types de terminaux. Des modes de publication qui sont regroupés selon différentes catégories définies par le W3C.

Il n'est pas interdit d'utiliser les menus en cascade, mais il est fortement recommandé de bien réfléchir sur la pertinence réelle de la mise en place de ce type de navigation. Surtout, n'utilisez jamais plus d'un niveau (menu > sous-menu). Assurez-vous également que les éléments du menu qui déroulent soient facilement identifiables par l'utilisateur, afin qu'il ne les confonde pas avec d'autres éléments qui ne déroulent pas.

Appliquer un roll-over sur les lignes d'un tableau permet de rendre celui-ci plus lisible. Au passage de la souris sur le tableau la ligne se met en surbrillance. Très utile lorsque le tableau est composé de beaucoup de lignes et de colonnes.

Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.

In November 2005 I presented on pro.html.it a three-part article on creating CSS layouts using techniques like negative margins, any order columns and in some case opposite floats. The main goal of the article was getting the maximum number of layouts based on the same markup, each with valid CSS and HTML, without hacks nor workaround and a good cross-browser compatibility. The result is a set of 40 layouts that we've thought worth sharing: on each of them you'll find also a download link (if you want, you can download the entire collection, 40 HTML pages in a single zip file). Further details can be found below the gallery.

The CSS Tinderbox is an effort to support open source web design by providing very basic, yet solid, CSS/XHTML design templates that web designers and web developers can use as the foundation for their own projects.

KG a pour vocation de vous aider à réaliser votre projet de site le plus facilement et dans les meilleures conditions possibles en vous proposant de nombreux kits-graphiques gratuits et de qualité professionnelle, valides aux nouvelles normes du W3C (vulgairement appelés templates).

Template:css collects many css formatted page templates, developed and distributed by different designers. Our aim is to provide an easy to use, comprehensive repository where people can find what they need. These tools help both experienced professionals, who want to speed up their developing process by using tested templates, and css newbies. Css templates provide a fully commented page layout, which turns out to be a great learning tool.

Open Source Templates was mainly created to support non profit organizations. If you run a non profit org, and are needing to cut down on the costs associated with website development then you have come to the right place. We offer a wide range of free for personal use or non profit use website templates that are easy to modify and add content to.

Attention: solution ne fonctionnant pas dans IE6.0

Will the browser apply the rule(s)?

CSS-only Filters Summary / browser

Une librairie qui permet de manipuler les objets de votre page HTML en utilisant la même syntaxe que les sélecteurs CSS.

JavaScript for Rich Internet Applications. An open-source JavaScript library for creating rich internet applications. Rico provides full Ajax support, drag and drop management and a cinematics effects library.

Commençons par un constat : un petit tour sur le site Cool Homepages, qui sélectionne depuis des années des sites selon la beauté et l’originalité de leur graphisme et/ou de leur navigation (cela étant évidemment subjectif), devrait terrifier les amateurs de standards ouverts : quasiment tous les sites sélectionnés sont désormais réalisés en Flash. Le choix du graphiste serait donc, pour la réalisation d’un beau site, un format propriétaire, alors même qu’on nous vante un XHTML arrivé à maturité ? Cela devrait tout de même inquiéter... Le même constat peut être fait sur toutes les pages de sélection de « beaux » sites. Cela est très paradoxal : depuis l’année 2000, les recommandations pour les nouvelles normes sont publiées et les navigateurs grand public ont largement eu le temps de les intégrer. Pourtant, le HTML semble planté en rase campagne, utilisé pour faire du Web à papa, les navigations rigolotes étant désormais réalisées avec Flash. Tout un discours s’est développé autour des nouvelles normes, basé sur des dogmes pinailleurs et tâtillons, introduisant une rupture avec l’ancien HTML ; et pourtant, on se retrouve aujourd’hui à attendre désespéremment des « innovations » qui viendront récompenser nos efforts vers la « compliance ». Il serait bon, en effet, qu’on s’amuse autant avec le XHTML bien propret du docteur W3C qu’avec le HTML tout pourri dont nous gratifiaient les versions successives de Netscape 2, 3 et 4...

L'aide-mémoire CSS sert de document de référence, énumérant tous les sélecteurs (jusqu'à CSS 2.1) et propriétés. Il contient un exemple visuel du modèle de boîte, une référence des différentes unités employées, ainsi que les divers types de médias supportés par CSS.

La documentation CSS complète.

Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant ! Personnellement, je préfère ne rien changer et si le visiteur souhaite revenir, tant mieux, sinon c'est que le contenu de mon site aura été de piètre qualité pour ce visiteur. Mais quitte à la faire, autant le faire proprement, je vais donc vous exposer et expliquer une méthode simple, fonctionnelle et n'entravant pas la navigation au cas où le JavaScript serait désactivé.