CSSBEAUTY™
CSS Design Showcase | News, Jobs, Community, Web Standards
Happy New Year 2006! We at CSS Beauty wish you a happy new year, and wish to thank you for the continued support.
Clearing floats with Display:table. Wrap the content in a div container and add display:table.
Em Flash Sizing. Styling Flash dimensions in Ems with CSS throught the object tag.
CSS tricks for custom bullets. Styling links, bulleted lists, and more using the background property.
Styling Table Captions. Great article on how various browsers deal with table captions and workarounds for it.
Printing CSS background images. Including graphics via the CSS' "lists" functionality for print.
2005 artypapers Awards. It has been an amazing year and artypapers has captured the best of it in a one page awards site.
Stylesheet Sanity, Part 1 & Part 2. Interesting techniques on how to manage your stylesheets.
Debugging CSS with the DOM Inspector. Running into bizarre, inexplicable CSS problems? Learn how to debug.
Thinking Outside the Grid. With CSS we are able to create grid designs if we want them to be, or not.
FACE: Faruk's Animated CSS Enhancements. Technique which lets you create animations purely from JavaScript & CSS.
CSS Checklists an alternative to Select Boxes. Replace that cumbersome select box with a scrollable checklist.
Introducing UDASSS. Technique for server-side style sheet switching without reloading the page (Ajax).
"Z's not dead baby, Z's not dead". Positioning together with z-index and alpha transparent PNG images.
Splintered Striper. Taking Zebra Tables a bit further. A general purpose “alternating class assignment†script.
Explain DOM to me like I'm a box of rocks. Great explanation from one of our forum members.
Top 12 CSS Articles/Tricks of 2005. Hand picked from monthly archives (one for each month).
SkillShare Forum. A forum for CSS, Web Standards and Web Design discussions. Come share your ideas!
Simple, accessible external links Add descriptive text to external links, then replace this text with an icon.
CSS Text FX. A new technique for creating slanting text with CSS. Would work well with the Worn Type Technique.
PHP + CSS Dynamic Text Replacement (P+C DTR). Dynamically create images to replace and enhance page headings using only PHP + CSS.
Centered Tabs with CSS. Create a flexible, centered alternative to floated navigation lists with inline box.
Web Typography. Explains how to accomplish Bringhurst’s working principles using techniques available in HTML and CSS.
CSS for Bar Graphs. Great write up on how to create some attractive bar graphs using CSS. Via css help pile.
Ten reasons to learn and use web standards. Whether or not you are using Web Standards, this list should come in handy.
Image Map for Detailed Information. Another CSS Image Map with further functionality.
CSS Layout Starting Points. Speed up your process instead of starting out with blank CSS and (X)HTML documents every time.
CSS Technique: Worn Type. Placing a repeating pattern image on top of the text.
Semantic Typography: Bridging the XHTML gap. For those designers struggling to make the connection between their design, the content and then the code.
Common CSS Bugs in Safari, Firefox and Opera. Go add to the list if you think you've found a common bug in one of these browsers.
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.