CSS Zen Garden

D e c 23
New } by BuffaloTech | Comments (1)

Cascading Style Sheets (CSS) have changed the way designers and developers work on the web.

In the past, the shortcomings of html tied designers' hands behind their backs when it came to positioning, page layout, sizing, and color. Even someone who is not a designer can understand how challenging it could be to not have control over these very basic design principles and elements.

Over the last 8 or so years, CSS has gradually been handing design power over to designers and developers. We can now control almost as many elements as our print counterparts for static pages without choking the bandwidth of our end users.

One source I have found that illustrates the powers of CSS is the CSS Zen Garden. The website was created to show the power and versatility of CSS.

Here is how the site describes the exercise:

"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. Yes, really.

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."

These are the rules of the exercise:

"You are modifying this page, so strong CSS skills are necessary, but the example files are commented well enough that even CSS novices can use them as starting points. Please see the CSS Resource Guide for advanced tutorials and tips on working with CSS.

You may modify the style sheet in any way you wish, but not the HTML. This may seem daunting at first if you’ve never worked this way before, but follow the listed links to learn more, and use the sample files as a guide."

It's stunning to see how a page of html can be styled to look so many different ways with the addition of CSS. I encourage you to go to the site and explore the different pages. If you've got the skills, you might even be inspired to participate. Or if you don't have the skills, you might be inspired to develop them.
Enjoy!  www.csszengarden.com/



Onefastbuffalo is Brand Strategy, Experience DesignDigital, and Launch Firm servicing the Hospitality & TravelRetail & RestaurantWine, Spirits & BeerFood & Beverage, and USA Manufactured Goods Industries. Our Mission is to handcraft brands that inspire a better human experience for us all. Better food, shelter, places, provisions, goods, moments, and causes that are worth talking about. Our craft is that of relentlessly forging the experiences that shape the world's perception of a brand. Hell, in many case we MAKE THE BRAND. We consider what we do a way of life, not just work. We believe making Art, things made to inspire that never existed before, is achieved by the dedicated practice of exploration & participation, followed by wholehearted creative focusWe live that practice everyday through our worklife and through our core offering, the OFB Brand Manufacturing Program, which leads clients on a full service journey of self discovery, exploration, and making.  Call us anything you like. A Brand Strategy, Design & Digital (Insert your favorite descriptor here…Branding Agency, Design Firm, Creative Consultancy, Interactive Agency, Design Factory, Creative Shop, Design Studio, Branding House). Any way you decide to tag us, we help clients build brands from scratch and love nothing more than to rip an old brand a new one.