/    Sign up×
Community /Pin to ProfileBookmark

Ah! The power of CSS

[url]http://www.mezzoblue.com/zengarden/[/url]
“A demonstration of what can be accomplished visually through CSS–based design. Select any style sheet from the list to load it into this page.”

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@nkaisareauthorMay 20.2003 — [i]Originally posted by DaveSW[/i] in [b]HTML forum[/b]

Just out of interest...

Will anybody want to change the layout of the site? Is it a desirable feature? Is it a must have/should have? Or just a super gimmick?[/QUOTE]

Its an experiment. The (X)HTML is made with a whole lot of superfluous tags to make it flexible enough for a wide variety of displays.

In general, if you need to change the layout of entire site, you [b]will[/b] need to change the HTML too. You can usually do "minor" layout changes with just CSS - changing fonts/backgrounds, changing position of navigation bar etc.

The idea of Zen Garden is to promote creativity. Something like this can be done for a few pages, not for a site of the size of amazon.com, for example.

I also created my own experiment. Uses the same XHTML but different CSS for layout. http://www.prism.gatech.edu/~gte207x/experiment/page1.html
Copy linkTweet thisAlerts:
@Robert_WellockMay 22.2003 — I am now famous; thanks for the mention Nicket, normally I renown for eating seasoned webmasters.

Lately I have been hanging around websites where Eric Meyer himself visits and posts comments on a monthly basis, but I wasn't to know that until today and that is why I haven been around for a while...

Recently I have found there are a lot of people promoting CSS-P and are reasonably competent at design but ignore, or are not aware of some of the underlying fundamentals of markup and browser interaction.

For example why is it normally preferable to use SGML 'comment delimiters' for surrounding embedded style rule blocks, which may appear within an HTML source document, for example:

<style type="text/css">

<!--

I am Stylesheet Character Data.

-->

</style>

If we were being purest and thinking along the lines of XML and XHTML then would could consider CDATA sections commenting, for example:

...

<![CDATA[

I am Character Data.

]]>

...

Both are often over looked, and it typically those who are networking within 'live journals' and using flashy designs that are getting heard rather than some of those like Stefan that keeps low-key.

So basically I am on a small crusade at the moment getting people like you yourself recognised. It has had some success, but it is a uphill struggle...
Copy linkTweet thisAlerts:
@DaveSWMay 23.2003 — [i]Originally posted by Robert Wellock [/i]

[B]<style type="text/css">

<!--

I am Stylesheet Character Data.

-->

</style>

[/B]
[/QUOTE]


hmmm... are you? seriously though... what does it mean? what difference does it make? Does that apply to all css?
Copy linkTweet thisAlerts:
@Robert_WellockMay 28.2003 — Yes I was [i]dead serious[/i] and it does make a difference; ask yourself is CSS typically applied to affect HTML element styles and if your answer is yes, then my point was fundamentally valid.

To have an understanding of when are why you'd use <!-- --> to surround CSS blocks you have to have a clear understanding of HTML 4.01 or XHTML 1.0 and realise that that M$ Explorer 6.0 and Mozilla Firebird are not the only user-agents being used by people.

The following is just basic explanation: http://www.w3.org/TR/2002/WD-CSS21-20020802/syndata.html#comments there are further consequences of not following the method, which I won't bother explaining at the moment - but not using them will cause some modern browsers to crash if you don't use them were appropriate.
Copy linkTweet thisAlerts:
@DaveSWJun 10.2003 — not sure I fully understand why... but it has made a difference. Thanks
Copy linkTweet thisAlerts:
@SlankenOgenJun 14.2003 — Some very beautiful work here nkaisare.

Glad you posted this.

~mgb
×

Success!

Help @nkaisare spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.7,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...