CSS Showcase

The Zen Garden. Since there is clearly a need for CSS to be taken seriously by graphic artists, the Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure. To date, most examples of neat tricks and hacks have been demonstrated by structurists and coders. Designers have yet to make their mark. This needs to change. Why participate? For recognition, inspiration, and a resource we can all refer to when making the case for CSS-based design. This is sorely needed, even today. More and more major sites are taking the leap, but not enough have. One day this gallery will be a historical curiosity; that day is not today.Color synthAxis is a free online tool designed to simplify the nightmare of color scheme selection. It looks complex, but after a few minutes you won’t be able to live without it.

Light on Dark is a fan of web sites that use dark backgrounds for a long time, but have seen many poorly implemented instances of this color scheme, which leave web site hard to read and painful to look at. Light on Dark attempts to showcase well designed and coded web sites with light text on a dark background, and serves as a portal to promote the techniques used in the development of those web sites. It is not always appropriate for a web site to use a light on dark color scheme, and we are not advocating that this design be used all the time, but when it is used and done right, the web site is sure to leave a lasting impression on its visitors.

Design Snack is a community-based web design showcase. We allow our members to vote, comment and ultimately choose the web sites that are showcased on our front page.

Web Standards Awards Web standards  are recommendations by the W3C — the people who created the Web — as to how web sites should be constructed. They created these standards so that the Web would work better for everyone: from visually-impaired users to 1600 x 1200 super-computer users. Web Standards Awards aims to promote web site design using W3C standards by seeking out and highlighting the finest standards-compliant sites on the Internet.

The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. Every once in a while there are emails on discussion lists asking for nicely designed tables and they are prone to go off-topic and ending in a holy war why tables are bad and why you shouldn’t use them. There are legitimate uses for tables, for tabular data they are the best solution, as – properly marked up – they structure the data for the visual user and make it easy to follow for blind visitors or those using user agents without table rendering.

Unmatched Style is a constantly growing community dedicated to acknowledging those who have made exceptionally gorgeous web sites using Cascading Style Sheets and web standards. By recognizing these exceptionally beautiful designs, other designers and businesses can get inspired and find a direction they may wish to take with their own web sites. Unmatched Style encourages people not only to submit their own sites, but any site that they feel is worthy of being listed here.

The Best Designs recognizes the best Flash and CSS web sites from around the world. Web sites are categorized by CSS or Flash and also by elements of the design. TBD is usually updated every weekday, with the exception of holidays. After a website is submitted to the gallery, it goes through a review process to determine its acceptance. If a website is accepted to the gallery, the person who submitted the website is notified and the website is added. Due to the volume of submissions, it can only respond to web sites that are accepted. Most of The Best Designs’ visitors consist of creative professionals, developers, and business owners. Many of TBD’s visitors come from Google searches for design and web design and from many other industry sites. TBD has also been featured as one of the "Top Ten Design Resources" by How Design Magazine.

Styleboost is a gallery and it is all about showcasing the most beautiful sites on the web. The link database is updated regularly, usually several times every week. All links in the database are hand-picked. That is why Styleboost is all about good links, not lots of links.

CSS Collection The project started as a list to showcase what can be done with CSS when it’s used for positioning. Every entry is checked personally before posting. You can submit your site if it corresponds to the following guidelines:

  • Site should be a web site not a web page.
  • Quality matters.
  • Forms should use CSS not tables.
  • Keyword-oriented types of sites may not be accepted. This site isn’t about helping a site look good for search engines.
  • Site layout still needs to be free of tables
  • Flash-heavy sites not likely to qualify. We want to see CSS and HTML used to create a full-fledged site. Inserting a Flash-based page as an object doesn’t teach anything about CSS.

CSS Vault Instead of showing off great sites to everyone, let’s show off great sites that use CSS so we can inspire others to use the technology. The site can be useful for designers, developers, programmers, managers, or just CSS advocate.

804case is a comprehensive resource for Web Directories, Gift, Free Photos. Through constant innovation, it continues to revolutionize the way relevant content is delivered on the Internet. Millions worldwide visit us regularly to find the latest happenings on Web Directories , Gift, Free Photos.

Liquid Designs is the only site dedicated to fluid and elastic design with CSS. Check out the resources and open-source templates, get help in the forum, or submit your favorite site to the gallery. When you need help and inspiration for truly effective flexible design, this is the place to visit! The purpose of Liquid Designs is to promote the use of liquid layouts in CSS based design. There are a lot of gallery web sites out there, and most of the web sites featured are less than 800 pixels wide, while a few are 1000 pixels wide. Liquid layouts are often avoided, and with good reason: it’s hard to design the appearance of a website without control over the dimensions. That being said, Liquid Designs exists to showcase those web sites that have succeeded at liquid design, and serve as a resource to those exploring it. Liquid Designs includes layouts that are purely liquid (also called fluid), mixed liquid and fixed, elastic, and progressive. You can learn more about liquid design in the Resources section.

gallerize. is a simple concept that grabs the latest gallery entries from various CSS galleries using their RSS feeds

CSS Princess is project with the main idea of promoting and supporting beautiful and interesting css sites made by women. Since female designers have special sensibility and creativity, the aim of the project is to show the best web sites world-wide with “woman’s touch” primarily. CSS Princess supports women in designing and their contribution to global community, and also to motivate CSS design community to make Internet even better and prettier place. Not only sites made by females can be listed in CSS princess gallery. It also considers a good male designers.

Word Studio  If you need a presence of your person or business online, Word Studio is able to provide a complete, from A to Z, website building. It includes name (register a domain name for your website), home(helps to pick a hosting plan and company), brand, content, design. Design and navigation of a site.

The 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.Some of these weblogs have received the attention they deserve, some have not. Some you might have seen before, some you might not. Some validate, some don’t. Some are updated frequently, some are not. Some have something to say, some have not. They have been selected because they look good, in very different ways.

W3C Sites is a collection of web sites created by designers that conform with the W3C standards. The site has one goal. The same goal that responsible web designers all share. That is to promote web sites that are designed to comply to the web standards.

The Horizontal Way is the showcase for those particular sites that display its content in horizontal either vertical direction. Turn to Horizontal is an original, but still rare, solution to display in one (or sometimes more) page a low quantity of text and big images like does, for example, portfolios or design publications. Every short review is focused to enlighten layout and communication aspects [including some ideas from obsolete don’t try this at home! nested tables ones ] I found interesting for the creation of an ‘ideal’ horizontal website.

Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in web sites that combine the powers of design, web standards and CSS. Web standards are recommendations set by the W3C as to how web sites should be constructed to work better for everyone. The basic idea of web standards and CSS is to separate content from presentation – an effective way of producing beautiful and functional web sites for the Internet. Stylegala aims to promote, discuss and inspire the fast and furious web audience in the area of design, CSS and web standards – combined. We want to show you that good design and web standards are two sides of the same coin. Style gala aims not only to promote the finest and most beautiful web sites that uses CSS and web standards, but also to engage you as a visitor to learn more about the technologies and how they can help you build better web sites.

Typography for Headlines is a collection of some catching web sites. This collection may help to improve the typography in the headlines – be more creative, give them more ‘pop’, and so on.

Screenalicio.us is the web’s new premier source for showcasing excellent web sites and inspire artists all alike to create spectacular work of their own. It has the largest collection of web sites you will ever lay your eyes on, and it keeps on growing every day.

InspirationKing is one of the biggest web sites in the league. It focuses on quality, and only includes the best of the best. That might mean fewer updates, but it’s better updates. The audience for InspirationKing mainly exist of web geeks and the like. InspirationKing’s visitors are from all over the world, working in a broad scare of sectors. It mainly attracts designers, illustrators, webmasters and common people with an interest in the web.

Heading Style Gallery If you  want something a little more stylish for your content headings (h1,h2,…) than a different font or color, you may try one of the heading styles on this site to spruce up your content. These styles have been submitted for sharing, just click on the entry title underneath the sample styling to view the associated CSS and background images.

Design Shack offers only the cream of great design, filtering through lots of the redesigns that occur every day across the Internet, and cataloging the greatest projects out there. Design Shack possess a huge selection of inspiring sites – perfect for getting that spark of creativity going again.

DarkEye is a new breed of ‘living’ web design showcase. Browse thousands of custom web designs from designers around the globe. Rank and add comments on any design, then create a gallery of your favorites.

CSStux supports the underdog (especially the cartoon) and is turning the tables by promoting the little guy on an equal footing with Joe Corporation. CSStux can be used as a supply of inspiration. Not only by skimming through the well-dressed sites, but also by reviewing the resources at your fingertips. Because the right tools not only make the job easier, they help make it possible.

CSS Remix celebrates the dynamic innovation and creativity of designers who are on the forefront of CSS-based web design. This community honors those designers who aren’t afraid to think outside-the-box, and who are reinventing our ideas of what great web design can—and should—be.

CSS Remix was created to present the latest techniques in visual presentation, user experience, and site coding to the web design community in a simple and effective manner. The focus is on what you actually want: the sites. No frills. No frou frou—maybe an ad or two—but thats it.

CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world. CSS heaven’s objective is to provide you with a central resource to view a wide range of eye catching and innovative web designs plus inspire you to create new and exciting web designs. Please feel free to submit your site to CSS Heaven.

CSS Drive is a categorized CSS gallery and examples.

CSS BEAUTY is a project focused on providing its audience with a database of well designed CSS based web sites from around the world. Its purpose is to showcase designers’ work and to act as a small portal to the CSS design community.

Blog Comment Design Showcase contains 66 blog comment examples.

Calendar and Date Picker Design Showcase is a collection of online calendars and date pickers that show creative, interesting or simply clean, straight-forward design.

Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design web sites (Flash & CSS). What is quality design means to us? Quality design = visual + technical + creativity. Beside the gallery, it also has the extra side notes where it posts some interesting URLs, resource links, and any design related news.

A. Budd: Well Designed CSS Sites – selection of the css web design issues, web standards, user centered design, running a successful web project.