Comments on: CSS Equivalent of Prototype? http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/ Programming, design, business and productivity content for tech entrepreneurs living in a 2.0 world. Sat, 06 Sep 2008 04:04:47 +0000 http://wordpress.org/?v=2.6.1 By: Marco http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-23 Marco Thu, 01 Nov 2007 16:50:21 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-23 @thompark - thanks for the mention! Like you have said, it's not as robust as a real-time validator being described, but you have to start somewhere :) @thompark - thanks for the mention!

Like you have said, it’s not as robust as a real-time validator being described, but you have to start somewhere :)

]]> By: thompark http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-10 thompark Tue, 16 Oct 2007 09:08:42 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-10 I found sort of 'Real Time Validation' here: http://accessites.org/site/2006/07/big-red-angry-text/ A smart idea that I haven't seen before. Of course this is just poor compared to your wishes, but its a good start, too. I found sort of ‘Real Time Validation’ here: http://accessites.org/site/2006/07/big-red-angry-text/

A smart idea that I haven’t seen before.

Of course this is just poor compared to your wishes, but its a good start, too.

]]> By: Dan Kubb http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-9 Dan Kubb Mon, 15 Oct 2007 20:23:46 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-9 You should look at Eric Meyer's CSS Reset (Reloaded) for an example stylesheet that removes the default styles from most browsers. This forces you to become totally explicit with what styles you assign, and it makes it less likely you'll accidentally rely on one browser's specific defaults when coding a site. Its not perfect, but its a good start. You should look at Eric Meyer’s CSS Reset (Reloaded) for an example stylesheet that removes the default styles from most browsers.

This forces you to become totally explicit with what styles you assign, and it makes it less likely you’ll accidentally rely on one browser’s specific defaults when coding a site. Its not perfect, but its a good start.

]]> By: heri http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-8 heri Mon, 15 Oct 2007 12:54:20 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-8 you should take a look at blueprint. used it and works great you should take a look at blueprint. used it and works great

]]> By: quodlibetor http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-7 quodlibetor Sun, 14 Oct 2007 23:18:23 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-7 It seems like what you want is a combination of some decent templates and text editors that actually have css dictionaries built in. And that third part is just impossible :) Building a preview function is, i think, exactly equivalent to building a browser from scratch. And if you want it to match the output of 5 different browsers, then you're going to have to _make_ 5 different browsers. Of course, gecko and webkit are both open-source, so you could theoretically just import their back end code. I think quanta plus has gecko preview built in, but i don't remember for sure. But i've never been able to find anything of the sort. It seems like what you want is a combination of some decent templates and text editors that actually have css dictionaries built in. And that third part is just impossible :) Building a preview function is, i think, exactly equivalent to building a browser from scratch. And if you want it to match the output of 5 different browsers, then you’re going to have to _make_ 5 different browsers. Of course, gecko and webkit are both open-source, so you could theoretically just import their back end code. I think quanta plus has gecko preview built in, but i don’t remember for sure.

But i’ve never been able to find anything of the sort.

]]> By: foobar http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-6 foobar Sun, 14 Oct 2007 07:27:07 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-6 > CSS/HTML programmers There are no CSS/HTML programmers, since these languages are no programming languages. > I would like to be able to type something like: > generate-css 3-column header-yes footer-yes There are several cross-browser multi-column layouts available. > 2. Real time validator As for validation, any recent editor with syntax highlighting will do it. I personally prefer Kate, but there are others available. > there should be blazing sirens and flashing lights > (or maybe just a red underline) that warns me which > browser I am offending. Since your editor doesn't know what you want to accomplish, there's little use of flashing and howling. AI isn't that advanced yet. > 3. Browser simulator There are several online services available. As for convenience, there is no way around installing every crap you're caring about in parallel. Concerning IE, ies4linux is a most valuable tool. Note you need a valid Windows license too use this. Installing multiple IEs under Windows is a little more dangerous, though. > CSS/HTML programmers

There are no CSS/HTML programmers, since these languages are no programming languages.

> I would like to be able to type something like:
> generate-css 3-column header-yes footer-yes

There are several cross-browser multi-column layouts available.

> 2. Real time validator

As for validation, any recent editor with syntax highlighting will do it. I personally prefer Kate, but there are others available.

> there should be blazing sirens and flashing lights
> (or maybe just a red underline) that warns me which
> browser I am offending.

Since your editor doesn’t know what you want to accomplish, there’s little use of flashing and howling. AI isn’t that advanced yet.

> 3. Browser simulator

There are several online services available. As for convenience, there is no way around installing every crap you’re caring about in parallel. Concerning IE, ies4linux is a most valuable tool. Note you need a valid Windows license too use this. Installing multiple IEs under Windows is a little more dangerous, though.

]]> By: pbhj http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-5 pbhj Sat, 13 Oct 2007 11:04:21 +0000 http://www.thinkingserious.com/2007/10/13/css-equivelant-of-prototype/#comment-5 I think http://developer.yahoo.com/yui/grids/ is what you're after. It's a framework for CSS using modular CSS files and the correct div names to build up robust CSS grids. Maybe not quite an equivalent but I think it's what you're describing. I was just considering this for my next website design project - a charitable site (ie I charge less), so I get to mess around a bit more with new stuff! I think http://developer.yahoo.com/yui/grids/ is what you’re after. It’s a framework for CSS using modular CSS files and the correct div names to build up robust CSS grids.

Maybe not quite an equivalent but I think it’s what you’re describing.

I was just considering this for my next website design project - a charitable site (ie I charge less), so I get to mess around a bit more with new stuff!

]]>