W3C home > Mailing lists > Public > public-css-bugzilla@w3.org > December 2012

[Bug 20231] New: DSS [Dynamic Style Sheet] Idea. A separate branch for CSS.

From: <bugzilla@jessica.w3.org>
Date: Tue, 04 Dec 2012 10:19:21 +0000
To: public-css-bugzilla@w3.org
Message-ID: <bug-20231-5148@http.www.w3.org/Bugs/Public/>

            Bug ID: 20231
           Summary: DSS [Dynamic Style Sheet] Idea. A separate branch for
    Classification: Unclassified
           Product: CSS
           Version: unspecified
          Hardware: All
                OS: All
            Status: NEW
          Severity: enhancement
          Priority: P2
         Component: General
          Assignee: dave.null@w3.org
          Reporter: alexei03a@gmail.com
        QA Contact: public-css-bugzilla@w3.org

I suggest that a new branch of the DSS. What I mean by DSS? DSS - CSS is a
sharp dynamics. His features I figured out a little bit, but I think I love it
love it. But remember - "DSS is not JavaScript".

Feature One. Using "import" values. Can use value from previous priority.

.bunk { 
  background-image: import, url(addition.png); //Import from previous

Feature Two. Using calc for "inherit" and other values. Example:

.bunk {
  width: calc(inherit + 10px);

Feature Three. Using "style()" value. You can use only ID selectors (like
"element(#selector)" of image value). Example:

.bunk {
  width: calc(style(#selector, width) + 10px); //Work like computedStyle
  width: style(#selector, width) == auto ? 100px : 200px;
  width: dstyle(#selector, width) == auto ? 100px : 200px; //Work when
animation, because this is default view.

Feature Four. Ternary operations in handy. Example is none.
Feature Five. Generalization of values. Similar to try and catch out of JS.

.bunk {
  background-image: [custom1() || custom2()], url(test.png);

Feature Six. Custom blank content. Gif image is not needed. Examples:

.bunk {
  //content: blank(150px, 150px); //Empty, like "url(blank150x150.gif)".
  content: blank(150px, 150px, true); //The same, but enable native content
(content of img, canvas or video are fits).
  content: blank(150px, 150px, true, true); //The same, but also save some
native features, for example video controls.

.video {
  content: element(#canvas, true); //Save video controls or other native
  content: url("puk.png", true); //Same effect.

Feature Seven. Apply filter effects for content only. Effective for graphic
content. Example:

.grayscale {
  content-filter: grayscale(100%);


All these ideas are aimed at reducing the use of JS and increased priority CSS.
However, it will not make the super-flexible application where sometimes
without JS is indispensable. But the JS will not hurt the important parts of
life CSS. Sorry for the many mistakes, I use a translator and not really speak

You are receiving this mail because:
You are the QA Contact for the bug.
Received on Tuesday, 4 December 2012 10:19:24 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:36:40 UTC