background preloader

Colour Contrast Check - snook.ca

Date created: January 11, 2005 Date last modified: March 30, 2009 The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C]. The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. The tool will also indicate if the colours pass the newer WCAG 2.0 contrast ratio formula. You can enter a three character value (eg: 036) and it'll automatically convert it to it's six character version.

mezzoblue § Home Logo Creator Online. Design and Create Free Logos web 2.0 Quickly create a nice looking professional style logo using the SimWebSol free online logo creation tool. Choose background color, logo color, font face, font style (bold, italic, or underline) and font size. Add a reflection or a symbol to the left or right side to make it even more unique. Then choose PNG, GIF, or JPG, with DPI ranging from 72 to 1200.

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. 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 We have a div containing the whole article. We’ll use our article-footer div for the bottom left corner — and the contained paragraph for our bottom right corner. The styles#section5

Online PDU Encoder and Decoder | Open Source @ twit88.com SMS also contains some meta-data, e.g. Info about the senders ( Service center number, sender number) Protocol information (Protocol identifier, Data coding scheme) Timestamp There are 2 ways to receive and send SMS messages a, PDU (protocol discription unit) and Text mode. In this document we focus on PDU mode.PDU format can be used on any encoding. As an example:07911326040000F0040B911346610089F600002080629 17314080CC8F71D14969741F977FD07 The above PDU string contains the message "How are you?" PDU Encoder and Decoder Notes

Nifty Corners Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. 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 Tag selector, i.e.

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.

Search Engine Land: Must Read News About Search Marketing & Sear Forms that work: Designing web forms for usability - The design

"Snook Color Contratst Checker permet d'indiquer si la différence de contraste entre les couleurs est suffisant pour les différents types daltonisme, en précisant la conformité aux critères WCAG 2 " Alsacreation by blanchesabb Mar 9

Pour analyser le contraste entre la couleur du texte et celle de l'arrière-plan et savoir si le choix de couleur est conforme aux critères WCAG. by citeain Jun 8

Related: