CSSBEAUTY™

Drop Shadow With CSS For All Web Browsers. Explains the use of the drop shadows using CSS and how to get it working in IE.

jQuery Masonry 1.0. Think of it as the flip side of CSS floats. Masonry arranges elements vertically then horizontally according to a grid.

(1) Sep 29, 2009

Web Design+. A nice collection of web-standards solutions for common web development issues and problems .

Web Standards Advisor extension. A $50 add-on for Dreamweaver, created by Zeldman himself. It validates your code, checks for web standards compliance, and more.

CSS Drop-Down Menu Framework. A cross-browser drop-down menu solution.

typeface.js. Embed custom fonts in web pages using the browsers' vector drawing capabilities (canvas, SVG, VML).

jParallax. Turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport.

Fix Your CSS . This article address some common problems and misconceptions when using position:fixed.

Dragonfly for Opera. A set of developer tools that provide effective mechanisms for web standards debugging and problem solving.

Graceful E-Mail Obfuscation. Hide e-mail addresses from spam bots while revealing them to readers as real, clickable links.

Photoshop: Then and Now. Andrei Michael Herasimchuk on the evolution of user interface design.

New elements in HTML 5. Learn about the new structural, inline, embedding and interactive elements in HTML 5.

Nifty Navigation Using CSS. Learn to style lists as menus for creating horizontal & vertical menus, drop-down, fly-out, & tabbed navigation systems.

(7) May 19, 2007

Accessible Display: None. Using clever CSS to achieve the same visual effect as display: none without the accessibility drawbacks.

Event-Driven Web Application Design. Chris Heilmann describes some JS theory behind Yahoo web-apps.

Don't Make the Demo Look Done. Kathy Sierra shares advice on interface prototyping.

Semantic Menus. Quickly build semantically correct xhtml/css/dhtml drop down menus.

Dynamic Drive CSS Layouts. CSS based page templates to quickly define the skeleton of your pages.

Docking boxes (dbx). Adds animated drag 'n' drop, snap-to-grid, and show/hide-contents functionality to any group of elements.

CSS Grid Calculator. An application built in Flash. You can use it to quickly visualize page layout and draw grids in a variety of ways.

Your favorite Yahoo! UI JavaScript libraries just got even better. Includes Ajax, common DOM tasks, event handling, animation, and drag n' drop.

Microsoft, ActiveX and noscript. Clever flash embedding method addressing the latest Microsoft debacle.

qTip. A technique that turns the title attribute into customizable, floating DIVs.

(12) Feb 15, 2006

CSS Drop Column Layout. 4 columns with fixed widths, with the column on the furthest right dropping when the window is re-sized.

Cascading Style Sheet Compatibility in Internet Explorer 7. Discusses issues that resulted from the updated CSS support and best ways to address them.

Learn cssMenus. Suckerfish with a 4 level deep menu system, hover persistence, horizontal and vertical layout modes.

(9) Dec 13, 2005

CSS Toolshed. Think CSS Zen Garden but for a CMS driven site, including 4 HTML templates. Go submit your design!.

Build Your Own Standards Compliant Website Using Dreamweaver 8. A New book from SitePoint for those looking to build standards compliant sites.

Deluxe CSS Dropdowns And Flyouts. Slick combination of dropdowns and flyouts, all generated via clean CSS.

CSS Diagrams. Great example on how to draw diagrams using HTML and CSS.

(8) Aug 8, 2005

yDSF - Robust CSS Drop Shadows. Another method of applying soft alpha-blended drop shadows that scale with the size of the box.

Select Something New. Tutorial on how to reformat and restyle select dropdown menus using Javascript and CSS.

More Nifty Corners. An improvement of Alessandro Fulciniti's Nifty Corners technique.

Update: April Fool's Day

If you would like to see what the website looked like, I have saved a copy here.

As much as I loved the beauty, it was growing to fast for me to handle and at the current time I have more important things to worry about. This does not mean I will completely disappear... I will continue to act as a moderator on the site and help in choosing sites to be showcased.

As you can see, some changes have already been 350e to the site, and this will continue to happen in the course of this transition. There will also be new implementations, the new owner has a different vision and will probably change the site drastically.

The decision to sell the beauty was not an easy one... but I could not resist the amount of money I was offered... Yes I know you are curious, so I will say I sold it for the amount of $xx,xxx dollars.

I want to thank all who supported the project, it has 350e a huge impact in my life...

(30) Apr 1, 2005

Hybrid CSS Dropdowns. A clean, well-structured dropdown menu. A List Apart 197

An advanced CSS method on how to force the footer of a webpage to stick to the bottom of the viewport.

Ultimate Drop Down Menu. Accessible DHTML Menus.

(1) Aug 6, 2004

(1) Jul 22, 2004

(1) Jul 16, 2004

(2) Jun 17, 2004

(0) Jun 12, 2004

(0) Jun 7, 2004

(1) May 28, 2004

I am glad to announce the launch of cssbeauty.com, a webspace dedicated to collecting and showcasing css web design.

I would love to hear your comments on them, so please don't hesitate to do so.

Many thanks go to Andy Budd, which was the first css website I stumbled upon, and the one website that opened the doors to this beautiful community of web standards.

There might still be some bugs on the site which will be addressed as they appear... Feel free to contact cssbeauty.com with any suggestions or comments.

Thanks...

Alex Giron.

(0) May 17, 2004