Colour Contrast Check - snook

Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab mezzoblue § Home Rgaa.net - Ressources sur le Référentiel général d’accessibilité pour les administrations CSS Design: Creating Custom Corners & Bo We’ve all heard the rap: Article Continues Below “Sites designed with CSS tend to be boxy and hard-edged. Where are the rounded corners?” Answer: the rounded corners are right here. In this article, we’ll show how customized borders and corners can be applied to fully fluid and flexible layouts with dynamic content, using sound and semantically logical markup. The markup#section2 In the example markup below, XHTML line breaks have been inserted to pad out dummy paragraphs: <h2>Article header</h2><p> A few paragraphs of article text. If we examine the markup, we’ll see that we have given ourselves at least five hooks, which is all we need to place customized graphics in each of the four corners (and left side) of our article. See Step 1 — primary markup. The design#section3 First let’s decide on some basic layout parameters. “I want the borders and corners to look something like this,” he said. “Could you leave that open, or make it so that it’s easy to change?” The process#section4

AccessiWeb - Accueil Nifty Corners Update This is the original article. The technique has been improved with better browser support and a lot of new features. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of articles on them. Stripe it to get it rounded The basic idea of Nifty Corners is to get some coulored lines to get the rounded effect. And here's it the basic CSS: You can see the final effect on this simple example. The technique works even on floated, absolute positioned or percentage-width elements. Known bugs are: text-indent won't work on the element that has been rounded in Opera, and IE (both Mac & version 6 PC) would mess up on floated elements without specific width. The support should be extended to all modern browsers: the technique has been tested with success in Internet Explorer 6, Opera 7.6, FireFox 1.0, Safari 1.1 Mac IE. Easy, isn't it? Looking forward with DOM In the example we saw how to get rounded corners without images, sparing about 6-8Kb of page weight.

CSS Tutorial Tools : Spanky Corners -- The SitePoint Corners Store Generator To use the generator select your preferred foreground color (hex), background color (hex), corner radius (pixels: 5-60) and hit 'Spank Me!'. The generator will reload 'wearing' your selection while providing you 4 corner GIFs, the basic CSS and the HTML to obtain the effect. Or if you're lazy, try these preset values. Spanky Corners What? 'Spanky Corners' is an experimental technique for using only CSS to produce 'round-cornered content boxes' with semantically pure markup. Why? SpankyCorners has a number of advantages over alternative rounded corners methods. Spanky requires no extra HTML markup to act as 'CSS hooks'. News We're always happy to hear any feedback/suggestions for Spanky via this blog entry. Update: 8 May, 2006: Fixed a Firefox 1.0 render bug which was making the site look wacky. Update: 3 May, 2006: Solved the IE6 scaling problem. Update: 28 April, 2006: A few changes. Update: 15 April, 2006: Updated the way the images are generated and the code algorithms.

CSS Débutant : cours et tutoriels sur les feuilles de style CSS 1,2 et 3