Tim Climis wrote:
> How is this faster?  If I do it the normal way,
> I write the markeup, and I add the styles.  I get
> to skip the step of copying the same markup,
> and removing all the content.

Well, say you're writing a small widget with a few nested divs:

<div id="result-box">
  <div class="title"></div>
  <div class="url-box">
    <div class="url"></div>
    <div class="button-star-url">star</div>
  </div>
</div>

To write the CSS for that, you would have to write all the selectors
(#result-box, #result-box .title, etc) by hand. With HCSS, you can
simply copy over that same HTML structure, and add styles:

<div id="result-box">
  padding: 5px;
  border: 1px solid #000;
  <div class="title">
    padding: 5px;
  </div>
  <div class="url-box">
    !clear-floats;
    <div class="url">
        float: left;
        width: 75%;
    </div>
    <div class="button-star-url">
        float: left;
      width: 20%;
      border: 1px solid #000;
    </div>
  </div>
</div>

I think for most people writing (and maintaing all these selectors) by
hand has become second-nature that they don't even care. I never cared
either. But I've been working on a huge HTML/JS app and many complex
widgets and micro interactions between nested divs, and decided to try
building something to make it easier. So far it has been really making
it a lot easier to maintain/evolve the code.

But I'll withdraw my claim that "it's just faster" in any case. YMMV indeed :)

-- Jonas
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to