Just CSS

A look to the future of CSS in website design

About this site

The reason for its existence

For a long time the CSS Zen Garden has been at the forefront of demonstrating what can accomplished visually through CSS-based design. But with recent cross browser support for the latest CSS3 specifications it has fallen behind with the progress of CSS and HTML. It only allows graphic designer to participate and limits the use of CSS to the CSS1 and CSS2 specifications to cater for browsers that are no longer mainstream. This site is an attempt to take the idea to the next stage and allow anyone to participate using all the CSS specifications, including browser specific styles that have not yet made it into the current specifications.

So if you feel that you can style this page into something special then please read on.

Why HTML5

The latest in a long line of Doctype Declarations

Imagination, meet implementation. HTML5 is the cornerstone of the W3C's open web platform; a framework designed to support innovation and foster the full potential the web has to offer. Heralding this revolutionary collection of tools and standards, the HTML5 identity system provides the visual vocabulary to clearly classify and communicate our collective efforts.

Giving meaning to structure, semantics are front and center with HTML5. A richer set of tags, along with RDFa, microdata, and microformats, are enabling a more useful, data driven web for both programs and your users.

Extract from The Time Machine

1898

'You must follow me carefully. I shall have to controvert one or two ideas that are almost universally accepted. The geometry, for instance, they taught you at school is founded on a misconception.'

'Is not that rather a large thing to expect us to begin upon?' said Filby, an argumentative person with red hair.

'I do not mean to ask you to accept anything without reasonable ground for it. You will soon admit as much as I need from you. You know of course that a mathematical line, a line of thickness 'nil', has no real existence. They taught you that? Neither has a mathematical plane. These things are mere abstractions.'

'That is all right,' said the Psychologist.

'Nor, having only length, breadth, and thickness, can a cube have a real existence.'

'There I object,' said Filby. 'Of course a solid body may exist. All real things--'

'So most people think. But wait a moment. Can an 'instantaneous' cube exist?'

'Don't follow you,' said Filby.

'Can a cube that does not last for any time at all, have a real existence?'

by H. G. Wells

Sonnet XVIII

1564 - 1616

Shall I compare thee to a summer’s day?
Thou art more lovely and more temperate:
Rough winds do shake the darling buds of May,
And summer’s lease hath all too short a date:
Sometime too hot the eye of heaven shines,
And often is his gold complexion dimm’d,
And every fair from fair sometime declines,
By chance, or nature’s changing course untrimm’d:
But thy eternal summer shall not fade,
Nor lose possession of that fair thou ow’st,
Nor shall death brag thou wander’st in his shade,
When in eternal lines to time thou grow’st,
So long as men can breathe, or eyes can see,
So long lives this, and this gives life to thee.

by William Shakespeare

How do I Love thee?

from Sonnets From the Portuguese

How do I love thee? Let me count the ways.
I love thee to the depth and breadth and height
My soul can reach, when feeling out of sight
For the ends of Being and ideal Grace.
I love thee to the level of every day's
Most quiet need, by sun and candlelight.
I love thee freely, as men strive for Right;
I love thee purely, as they turn from Praise.
I love with a passion put to use
In my old griefs, and with my childhood's faith.
I love thee with a love I seemed to lose
With my lost saints, I love thee with the breath,
Smiles, tears, of all my life! and, if God choose,
I shall but love thee better after death.

by Elizabeth Barrett Browning

Participation

Why not submit your design

The previous three 'articles' are included to add a little variety to the page content and allow you to be more creative with your styling.

If you feel that you have a design suitable for adding to the list then just download the HTML for this page, add your stylesheet and images then post your finished page on your website. Email the url of this to me (stua...@justcss.com) and I can then see if it is to the standard required. Also let me know which browser(s) will correctly display your page. If it is suitable I will ask you to supply the stylesheet and all images used which will then be hosted on this site and I will add your theme to the list.

As with the Zen Garden, there are several additional 'sections' at the end of the code that can be used to add extra content, images etc., but these should not really be necessary now that you can use :before/::before and :after/::after pseudo-elements (for example) to add extra content. Please do not add extra text that is not relevant to the existing content.

The HTML code should not be changed, but the stylesheet can be created from any styles available from the CSS specifications and also from browser specific styles. However, no Internet Explorer .htc files, behaviors or javascript should be used.