background preloader

Websites Development

Facebook Twitter

Woork Up.

CSS & Html: Tutorials and Guides

Slice Script Web Design Blog. Free Website Templates, XHTML CSS Templates - Template World. 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. It will indicate that it sort of passes if only one of the two values exceed their threshold. And finally, it'll fail to pass if neither value exceeds its 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. Accessibility. מחויבות חברתית ותבונה עסקית. Stylesheet Switcher. Stylesheet switchers allow you to define several different stylesheets that define how your page should appear and allow your visitors to then choose which of the stylesheets to use depending on which style that the individual visitors prefer.

Stylesheet Switcher

Alternative Style: Working With Alternate Style Sheets. So you’ve got a web page.

Alternative Style: Working With Alternate Style Sheets

You’ve marked it up with structural XHTML. You’ve also been a good little web developer and used style sheets to control what your document looks like. You’ve even gone the extra mile and created several alternative style sheets to show how hardcore you are. Article Continues Below Great. Contrast Analyser, Version 2.2. About the Colour Contrast Analyser This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations.

Contrast Analyser, Version 2.2

It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria. In addition, the Colour Contrast Analyser provides functionality to simulate certain visual conditions such as dichromatic color blindness (protanopia, deuteranopia, tritanopia) and cataracts. Note: the image simulation features are currently not available in the Mac version. Details. Html Color Codes. HTML Color Codes website provides free color tools for finding HTML colors for your website.

Html Color Codes

Great tools HTML color chart and HTML color picker will make this simple as a walk in the park. To quickly start using HTML colors in your website take a look at How to use HTML color codes?. If you wish to learn what this combination of characters in HTML Color Codes actually means than take a look at section HTML Color Codes Theory. Web safe colors is the list of colors that look the same on all operating systems. HTML color codes. HTML color codes are hexadecimal triplets representing the colors red, green, and blue (#RRGGBB).

HTML color codes

For example, in the color red, the color code is #FF0000, which is '255' red, '0' green, and '0' blue. What’s New at Blog.SpoonGraphics? I've been busy working on a revamp behind the scenes of Blog.SpoonGraphics recently with aims to push the site forward and make use of the new features of WordPress 2.7 as well as CSS3 styling rules that are gaining wider support with the near release of Firefox 3.1.

What’s New at Blog.SpoonGraphics?

Here's my little roundup of what's new! The large illustrated header, colour scheme and general style of the site have become largely recognisable and still gain good responses from new visitors, therefore this main styling was something I wanted to keep intact with the newer design. One main change visually is the larger content area allowing for the wider, two column sidebar. By also shortening the header this allows the sidebar content to appear further up the page, and helps spread out the links into two sections. The restyled page elements also add a bit more visual interest to the site, whereas before they a little plain, they now tie in to the overall design much better.

50 Fresh Useful Icon Sets For Your Next Design - Smashing Magazine. Advertisement Beautiful and free icon sets always come in handy.

50 Fresh Useful Icon Sets For Your Next Design - Smashing Magazine

Used properly and moderately, icons can be helpful to provide users with memorable metaphors and illustrations that would provide a visual support for otherwise unspectacular text blocks. For instance, in web-applications memorable icons can be very helpful as they can make it easier for users to memorize how to perform some specific task or where to find some specific functions. This large collection of recently released icon sets is supposed to help designers improve their designs on their web-sites and in web-applications. All icon sets are free. Web Application Icon Sets Chalkwork HTML Royalty-free Icons1 Chalkwork HTML is a free set of HTML-themed icons, designed to perfectly complement all other sets in the Chalkwork Family. Hand Pointer Icons Free icon set that includes 36 hand pointer icons of 6 diferent types with 6 color variants. MinIcons2 Basic Set4 42 high quality icons in 64×64, 32×32 and 16×16 sizes.

Free Website Backgrounds. To download any of these free background images for web sites, press the right mouse button on the desired background and save it to disk.

Free Website Backgrounds

To use this as a background in Dreamweaver, click on Modify>Page Properties from the main menu. The Page Properties window will be displayed, go to Background Image and select the background image which you had saved. Free High Resolution Textures - Lost and Taken. Web Design Tools & Inspiration. BittBox.