<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" 
      xmlns:thr="http://purl.org/syndication/thread/1.0">
  <link rel="alternate" type="text/html" href="http://www.readwriteweb.com/archives/css_libraries_m.php" />
  <link rel="self" type="application/atom+xml" href="http://www.readwriteweb.com/atom.xml" />
  <id>tag:,2008:/1/tag:72.47.210.69,2004://1.4188-</id>
  <updated>2008-08-22T19:10:38Z</updated>
  <title>Comments for CSS Libraries - Making CSS Layouts Easier for Web Designers</title>
  
  <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.1</generator>
  <entry>
    <id>tag:72.47.210.69,2004://1.4188</id>
    <link rel="alternate" type="text/html" href="http://www.readwriteweb.com/archives/css_libraries_m.php" />
    <link rel="service.edit" type="application/atom+xml" href="http://www.readwriteweb.com/cgi-bin/mt/mt-atom.cgi/weblog/blog_id=1/entry_id=4188" title="CSS Libraries - Making CSS Layouts Easier for Web Designers" />
    <published>2004-03-19T06:44:19Z</published>
    <updated>2007-12-16T23:15:31Z</updated>
    <title>CSS Libraries - Making CSS Layouts Easier for Web Designers</title>
    <summary><![CDATA[Interesting comment from Lucas Gonze&nbsp;in the comments to my post regarding Lockergnome's CSS-to-Tables re-design. Incidentally, Lockergnome&nbsp;is in the process of moving back to CSS - good on ya! But here's what Lucas said about my pro-CSS rark-up, replicated in full: Lockergnome went back not because it preferred tables but because they're not front-end specialist, and...]]></summary>
    <author>
      <name>Richard MacManus</name>
      <uri>http://www.readwriteweb.com</uri>
    </author>
    
    <category term="Web Design" />
    
    <content type="html" xml:lang="en" xml:base="http://www.readwriteweb.com/">
      <![CDATA[<p>Interesting comment from <a href="http://gonze.com/">Lucas Gonze</a>&nbsp;in the comments to <a href="http://www.readwriteweb.com/2004/03/11.html#a213">my post</a> regarding Lockergnome's CSS-to-Tables re-design. Incidentally, Lockergnome&nbsp;is <a href="http://channels.lockergnome.com/web/backissues/20040317.phtml#20040317_1">in the process</a> of moving back to CSS - good on ya! But here's what Lucas said about my pro-CSS <a href="http://www.urbandictionary.com/define.php?term=rark+up">rark-up</a>, replicated in full:</p> <blockquote dir="ltr" style="MARGIN-RIGHT: 0px"> <p><em>Lockergnome went back not because it preferred tables but because they're not front-end specialist, and making design with web standards work requires one. I've had the same experience, and overall my feeling is that the web standards community has failed to do what all the other engineering communities have done.</em></p> <p><em>I don't have to know about floating point wierdness of the Alpha chip to write a division operation in C, because some Alpha coder has already encapsulated his knowledge of that in a library. Not so for front end development, where the designers are keeping all this knowledge in their heads. All the game developers, Java people, XML fanatics, P2P specialists, etc have their own specialities, and you can take advantage of their work because it's bundled up in libraries.</em></p> <p><em>If you folks, the front end specialists, don't encapsulate your knowledge in libraries, why should the rest of us take you seriously?</em></p> </blockquote> <p>It's a good point that Lucas has&nbsp;made, because using CSS for layout&nbsp;can sometimes be&nbsp;just about as complex as programming in C. I remember&nbsp;<a href="http://www.brainjar.com/css/positioning/default.asp">reading about The Box Model</a> last year and getting faint and dizzy. So why not create some re-usable libraries of CSS mark-up, to ease the burden for Joe Frontpage who wants to Do The Right Thing and design to web standards. Has it been done already? I'd like to throw that question out to the audience: please leave a comment if you know of some potential solutions.</p> <p><a href="http://sitepoint.com/">Alexw</a> from Sitepoint.com <a href="http://www.pycs.net/system/comments.py?u=280&amp;p=213">pointed out in my comments</a>, in response to Lucas, that <a href="http://dean.edwards.name/IE7/intro/">Dean Edwards</a> has created something akin to a CSS library. It's called <a href="http://dean.edwards.name/IE7/overview/">IE7</a> and (from what I gather) it's an extra CSS file that can be added to your webpage, which will convert standards-compliant CSS that Internet Explorer doesn't normally render correctly into CSS that IE <em>can</em> understand. So essentially it&nbsp;enables IE to render standards-compliant CSS <em>correctly</em> and therefore saves web designers&nbsp;the trouble of&nbsp;creating hacks&nbsp;for&nbsp;IE browsers. I hope I got that right? But the point is, as Alex said, maybe this is an example of a CSS "library" - a bunch of code bundled into a nice easy insert, to save re-inventing the wheel for each design project.</p> <p>On a similar theme I read tonight a rather <a href="http://blog.sxsw.com/2004/03/17/0002">brave article</a> on the SXSW 2004 Community Blog, which points out that most of the SXSW Web Award winners are not CSS/XHTML websites (the main exception was the fantastic <a href="http://www.csszengarden.com/">CSS Zen Garden</a>). In fact <em>over half of them</em> are Flash sites! Unfortunately this situation is fairly typical, it seems Flash sites always win all the web design awards no matter how inaccessible and unsemantic they are.</p> <p>But the writer of this article, Jon Wiley, does ask a very good question: how come a good proportion of the SXSW panels were about CSS, but hardly any of the Award winners were CSS sites? Well, given what I've written about tonight - could it be that most web designers <strong>still don't fully understand how to create a CSS layout</strong>? There's no shame in that, because as I mentioned above CSS layouts are&nbsp;pretty complex animals. I know I haven't fully groked them yet - which is why I've <a href="http://www.readwriteweb.com/2004/03/17.html#a214">set myself the challenge</a> of redesigning this site from scratch.</p> <p>Another reason perhaps to componentize CSS, in order to&nbsp;make it easy to code Web Standards-compliant websites. Whadayareckon?</p>]]>
      
    </content>
  </entry>

  <entry>
    <id>tag:72.47.210.69,2004://1.4188-comment:35355</id>
    <thr:in-reply-to ref="tag:72.47.210.69,2004://1.4188" type="text/html" href="http://www.readwriteweb.com/archives/css_libraries_m.php"/>
    <link rel="alternate" type="text/html" href="http://www.readwriteweb.com/archives/css_libraries_m.php#c35355" />
    <title>Comment from Lucas Gonze on 2004-03-18</title>
    <author>
        <name>Lucas Gonze</name>
        <uri>http://gonze.com</uri>
    </author>
    <content type="html" xml:lang="en" xml:base="http://gonze.com">
        <![CDATA[<p>I think of the W3C core styles ( <a href="http://www.w3.org/StyleSheets/Core/" rel="nofollow"><a href="http://www.w3.org/StyleSheets/Core/" rel="nofollow">http://www.w3.org/StyleSheets/Core/</a></a> ) as libraries.    Very useful, standards compliant, written by specialists.</p>]]>
    </content>
    <published>2004-03-18T14:09:15Z</published>
  </entry>

  <entry>
    <id>tag:72.47.210.69,2004://1.4188-comment:35356</id>
    <thr:in-reply-to ref="tag:72.47.210.69,2004://1.4188" type="text/html" href="http://www.readwriteweb.com/archives/css_libraries_m.php"/>
    <link rel="alternate" type="text/html" href="http://www.readwriteweb.com/archives/css_libraries_m.php#c35356" />
    <title>Comment from Andrew on 2004-03-25</title>
    <author>
        <name>Andrew</name>
        <uri>http://www.andrewsw.com/news/</uri>
    </author>
    <content type="html" xml:lang="en" xml:base="http://www.andrewsw.com/news/">
        <![CDATA[<p>If a graphic designer thinks in terms of the graphic design,<br />
there will be no semantics and no semantic markup.<br />
Flash authoring tools present things in a way a graphic designer understands.</p>

<p>Those who think in terms of semantics and semantic markup, may be (and pardon the generalization) not exactly the most prolific of graphic designers, and hence won't make as many "good websites" as actual graphic designers.</p>

<p>I think that the "library" approach would need to come at it both ways: enabling graphic designers to easily use CSS to express what perhaps might be more easily expressible in Flash, as well as enabling people who think in terms of semantic markup to more easily use CSS to make it "award winning".</p>

<p>The problem is that CSS, as it is, is probably not wonderful for either camp: it strikes me as a typographer's dream come true - but I am no typographer.</p>]]>
    </content>
    <published>2004-03-25T13:53:30Z</published>
  </entry>

</feed>