Table-less Forms
Most of the CSS-only, table-less forms available suck. So, not wanting to stoop to mediocrity, I decided to take on the task of coming up with something better. This is the result of my efforts…
CSS Beauty | CSS Design Showcase
CSS Beauty focuses on providing its audience with a database of well designed CSS based sites, as well as news and happenings on the CSS Design Community. It showcases designers work and serves as inspiration for those looking to build CSS based websites.
CSS Bloom
CSS Gallery, CSS Examples, Website Showcase and Design Inspiration, CSS Design, CSS Designs, Best Looking Blogs, CSS Tricks, Blog’s and Online Portfolio’s Designs, css & xhtml
CSS Empire
this is a showcase gallery of the finest CSS sites that I can find on the net, They are here in all there glory free to feast your eyes upon.
CSS Galleries
Most sites are CSS-based. Some galleries include Flash sites too!
Design Melt Down
Design elements, trends, and problems in web design, examples and resources
Design Shack - Inspirational CSS and Blog Design
Design Shack offers regular examples of great CSS, standards based design to help inspire and create. We feature any website which shows off some flair, and doesn’t fit into the standard pattern we come to expect from CSS design.
Layout Gala
a collection of 40 CSS layouts based on the same markup and ready for download!
Liquid Designs
Liquid Designs is a gallery of websites designed with liquid layouts using XHTML and CSS
screenspire.com | full( )screen inspiration
screenspire.com is a no-embellishment, no-comments, no-technology-favored source for recent website-designs collected from various portals and handcrafted by thomas marban
Stylegala - Web Design Publication
Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS.
tom.ma | screenblog
A handpicked and growing collection of fine screendesigns.
Webdesign reference book
Webdesign reference book - We are releasing a book with about 150 of the greatest webdesigns. Come and submit your own work for the book!
Web Standards Awards
Awarding web sites that successfully combine form and function
Well-Designed Weblogs
Well-Designed Weblogs series is a subjective and non-scientific selection of usable and readable weblogs that are defined as having: An aesthetically pleasing design that has been accomplished through the use of stylesheets rather than layout tables, font tags, and inline images.
CSS Image Maps
Below is a sample image map that’s built entirely using CSS and XHTML…
Map Pop
This experiment uses CSS to create an image map with CSS pop-ups
FotoNotes RolloverViewer
FotoNotes™ RolloverViewer is an open-source PHP script which will read a FotoNote™-annotated image and create an imagemap with Javascript rollovers to display the image’s notes…
Simple CSS Image Switcher
This is a pure CSS image switcher that is lightweight and standards-compliant. It could be used for a gallery or any similar function…..
ThickBox 2.0
Cody Lindley - ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
FreeStyle Menus v1.0 RC9
This is an XHTML compliant, CSS-formatted menu script, designed to work with the current generation of standards-based websites….
Navigation Magnification
The idea behind this experiment is to create an unordered list of links scale according to your hover position, like the icons work in the Mac OS X Dock, using the magnification effect.
CSS Menu Generator
Our CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons.
CSS Tab Designer
CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
Tabs
BrainJar - “In this example, we’ll look at using CSS to build a tabbed display…”
CSS Advanced Guide
The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
CSS Panic Guide
This is not a complete resource, this is a fast resource….
Stylish
Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun
Professor X
The Professor X extension for Firefox let’s you see inside a page’s head without viewing the sourcecode
X-Ray
The X-Ray extension let’s you see the tags on a page without viewing the sourcecode.
:BefTer Drop Shadows
Using :before and :after pseudo elements to create beautiful drop shadow on standard browsers. Use built-in drop-shadow filter for Ie.
Smart Corners
Using lightweight images, simple markup, and a small amount of CSS, I will demonstrate a method of creating round corners on elastic or liquid boxes
Spanky Corners 1.1 beta
Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work
Liquid round corners
Adaptable rounded edges - a multifunctional flexible css-concept with transparency for creating dynamically changing not rectangular borders
A More Accessible Map
Is there a way to display text-based data on a map, keeping it accessible, useful and visually attractive?
CSS-Schieberegler
A Slider with CSS. Without Java, Javascript, Flash oder animated gifs
Playing Cards with CSS
This example demonstrates using CSS to graphically display standard playing cards on a web page…
Slideshows
S5: An Introduction
Eric A. Meyer - What Is S5? - It’s a Simple Standards-based Slide Show System
Bubble Tooltips
Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
qTip
qTip will work on all like elements that are on the page. You can specify any HTML tag as your preferred element. Since the title attribute can be applied to any HTML element, this technique is standards compliant!
CSS Frames v2, full-height
Roger Johansson - 456 Berea Street -Create the visual effect of HTML frames with CSS and make the scrolling area stretch to 100 % height regardless of the amount of content.”
CSS Hacks and IE7
Position Is Everything - A discussion of the theory of CSS floating
Div Mania
More and more web documents are appearing that consist of nothing more than a collection of div elements. In most cases, better use of CSS selectors could be used to avoid overusing the div element.
CSS Basics.com
Making Cascading Style Sheets Easy to Understand
CSS Beginner’s Guide
CSS, or ‘Cascading Styles Sheets’ are a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
CSS Intermediate Guide
Like the HTML Intermediate Guide, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner’s Guide.
CSS Advanced Guide
The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
CSS Layout Techniques: for Fun and Profit
A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts..
Floatutorial: Step by step CSS float tutorial
Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
Learn CSS Positioning in Ten Steps
This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float
Selectutorial - CSS selectors
Selectors are one of the most important aspects of CSS as they are used to “select” elements on an HTML page so that they can be styled.
Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout.
Site in an Hour
by Andrew Krespanis - Making Simple Work of Complex CSS Layouts
Style master css tutorial
hands on css tutorial - This tutorial teaches CSS using both hand-coding and Style Master for Windows.
Online tutorials
The House of Style has several cascading style sheets tutorials, with explanations, excercises and worked examples to get you up and running with style sheets as quickly as possible.
Stylesheets
Cascading style sheets tutorials and style guide