CSSBEAUTY™
CSS Design Showcase | News, Jobs, Community, Web Standards
First Annual Naked Day. April 5th will be a day of nakedness for all webmasters to remove their style sheets from their website for one day.
Accessible CSS Forms. Create fast, accessible CSS forms that work with modern browsers and gracefully degrade.
Scooch Version 1.0 An accessible, Web Standards based slide show creator and presentation blog for web sites.
Floatutorial. Takes you through the basics of floating elements such as images, image galleries, inline lists and more.
Lightbox JS v2.0. Lightbox JS is a simple, unobtrusive script used to overlay images on the current page.
Web 2.0 Awards. SEOmoz awards CSS Beauty the 1st place under the Web Development & Design category. Thank you! We are so web 2.0 ;-)
Variable Fixed-Width Layout. Allows users to specify the width they'd like to see your site layed out using a combination of PHP, JS and CSS.
How to build dynamic-width pages now. Using JavaScript to test for different screen resolutions and load the corresponding stylesheet.
Hierarchical Sitemap with Dashed Lines. CSS tutorial showing how to use a nest unordered list to create a hierarchical sitemap.
Evaluating Website Accessibility Part 3. The last article of three explaining how to perform a website accessibility evaluation.
Suckerfish HoverLightbox. Blending of 3 innovative techniques to come up with a very interesting tabbed image gallery.
CSS Curves. A simple tutorial on how to create textual curves using only CSS.
Simplify DOM manipulation with domEl(). Small yet powerful function that makes DOM-scripting easy, simple and fun.
CSS Code Visual Grouping Techniques. A collection of basic and sensible coding practices that help create visual and logical groupings in your stylesheet.
Clearing floats without structural markup in IE7. Utilizing the overflow method as an appropriate solution for all versions of Internet Explorer.
event:Selectors. Allows you to apply an event such as mouseover, mouseout, click, et al using a CSS style syntax.
Nifty Corners Cube. The third version of the javascript and CSS solution to get rounded corners without images.
Simple Organism. A simple tutorial that will take you from creating a bare bones layout, to one stylized & dynamic using some CSS and PHP magic.
How to bluff your way in DOM Scripting. Jeremy Keith's SxSW presentation on DOM Scripting.
Print sections of a page using CSS and DOM. Selectively print sections of a document usings print styles without affecting the on-screen display.
Cross browser tabbed pages with embedded links. Displaying tabbed pages that contain links and images using only CSS.
CSS support in HTML emails. Discusses CSS support offered by three important web based mail clients: Hotmail, Yahoo! Mail and Gmail.
GrayBit. An accessibility testing tool that converts a full-color web page into a grayscale rendition to test the page’s perceived contrast.
IE 7 Beta 2 Preview Released. Go grab yourself a copy and start testing your sites.
CSS Problem Solving SxSWI. Ethan Marcotte's SXSW presentation "Float like a Butterfly".
Invisible Content Just for Screen Reader Users. This article examines a few circumstances in which hiding text from visual users can be beneficial.
Evaluating Website Accessibility Part 2. This is the second article of three explaining how to perform a website accessibility evaluation.
CSS Problem Solving. Dave Shea's SXSW presentation on how to solve certain CSS problems.
Pushspin Header. A CSS solution for creating a stationary header out of the thead of a table while the table’s tbody remains scrollable.
Real World Bar Graphs (with some CSS). Lightweight printable bar graphs utilizing images and some CSS.
Creating a Block Hover Effect for a List of Links. Recreating the hover effect seen on Veerle's newly redesigned site.
Getting Started with Ajax. Learn Ajax with this excerpt from O'Reilly's Web Design in a Nutshell, 3rd Edition, ALA Issue 213.
HTML Prototyping and Agile Development. Taking a look at how HTML prototyping can help you save time and avoid document debt".
Evaluating Website Accessibility Part 1. Provides some background and suggests some useful tools for the evaluation process.
Mollio CSS/HTML Templates. A simple set of html/css templates that use css for layout.
Image Cross Fader Redux. Uses unobtrusive DOM scripting and semantic markup to achieve its effect.
Layout Gala. 40 layouts based on the same markup, each with no hacks, valid CSS and HTML, and good cross-browser compatibility.
Hoverbox Image Gallery. A super light-weight (8kb) roll-over photo gallery that uses nothing but CSS.
CSSBEAUTY™ is a project focused on providing its audience with a database of well designed CSS based websites from around the world.
Its purpose is to showcase designers' work and to act as a portal to the CSS design community.