Comments on: CSS Variables

By: Tarn

Tarn — Mon, 12 Sep 2011 06:27:13 +0000

The simplest way to show that CSS needs some form of variables is to take a medium complex, fixed 3 column layout of some guru, and ask some other guru to increase the column width of the middle column. Then stand back and watch the fun.

Some people think that littering a CSS file with numeric constants is somehow ‘pure’, while using expressions would be ‘bad’. Such people should demonstrate how, without variables or expressions, this philosophy can be used to make and maintain any significant program – perhaps a CSS parser

By: James

James — Thu, 30 Jun 2011 20:16:54 +0000

For simple variable colors creating variables for css is not necessary. If you need this simply right your css code in php and include it into header as a style tag. You’ll achieve the same. Albeit, I can’t count how many times I wish I could dynamically have a variable with the screen width to make things go faster. As for people saying this would have a ton of overhead. I really don’t think so. After all, so much is already calculated on the fly as it is. If you think about it width:100% is already technically referencing a variable. I believe css itself as itself has more complexity than a coding language. I would rather draw a website in Java then html+css it.

Give it a while, and eventually flash will start to encompass entire sites page spaces rather than just the limited content they deal with now. Why? its easier to get what you want on the page with limited overhead.

By: Voynex.com

Voynex.com — Tue, 29 Mar 2011 00:05:49 +0000

As for me it is better to call those macros then variables and I would suggest more scalable solution – add the inheritance of the CSS classes.

By: rolfen

rolfen — Fri, 23 Apr 2010 12:27:36 +0000

The current alternative is including PHP code into you css, or doing extensive replace every time you want to change a common color.
CSS was originally take away style from HTML and centralise it in a single place. Variables only take this further.
Performance has never been the primary concern in web technologies, whether it is a good thing or now, I dont know.

By: Sitin

Sitin — Fri, 27 Nov 2009 12:31:26 +0000

The only advantage of CSS variables is to use their definitions in separate files. In this case we can divide “static” and “dinamic” parts of the style. It saves some server-side time avoiding css parsing for simle task. And if it is not (the variable scope is only curent file) I agree with Jason that styles must be simple to implement on the client side and css is not a programming language.

By: Dave

Dave — Tue, 08 Sep 2009 12:07:36 +0000

Hi Prakash. It’s not available to use yet but is proposed for CSS3 so hopefulyl we’ll see it at some point in the future.

By: Prakash

Prakash — Tue, 08 Sep 2009 07:32:12 +0000

Hi, I used this variable substitution and checked but no result. am using ie6 and firefox 3. anything i have to include for this to work?

By: Гамлет

Гамлет — Wed, 08 Apr 2009 16:40:48 +0000

Интересно. Вообще чтение вашего блога это не просто глупое просматривание новостей или чтениебреда про то, чем человек сегодня занимался, а нахождение реально занимательной информации.

By: Gerrit

Gerrit — Sun, 08 Mar 2009 10:08:32 +0000

Another interesting issue is to use PHP-Script for your CSS files. You can put in as many vars as you like and even change the look of your site depending on almost everything

just make a php-file and change headers to css

header(“Content-type: text/css”);

this is really thrilling!

regards,
gerrit

By: JavaScript in CSS, Ugly But Intresting | dtsn

JavaScript in CSS, Ugly But Intresting | dtsn — Wed, 04 Mar 2009 10:52:07 +0000

[...] Expression suddenly came to me as a solution for the currently much debated feature (here and here) of variables in CSS3. This could theoretically be currently achieved through the use of [...]