<?xml version="1.0" encoding="UTF-8"?>
<opml version="1.0">
  <head>
    <title>Ma.gnolia: Bookmarks in CSS Design</title>
    <dateCreated>Fri, 10 Oct 2008 17:37:06 -0700</dateCreated>
    <dateModified>Tue, 07 Oct 2008 17:24:50 -0700</dateModified>
  </head>
  <body>
    <outline description="A collection of the most innovative and advanced techniques using cascading style sheets in web design, plus a designers blog. You can also hire me for freelance web design." type="link" htmlUrl="http://www.spektredesign.net" text="Spektre Design Studios" url="http://www.spektredesign.net">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/cascading+style+sheets" text="cascading style sheets" url="http://ma.gnolia.com/tags/cascading+style+sheets"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css+design" text="css design" url="http://ma.gnolia.com/tags/css+design"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/tableless" text="tableless" url="http://ma.gnolia.com/tags/tableless"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/layouts" text="layouts" url="http://ma.gnolia.com/tags/layouts"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+design" text="web design" url="http://ma.gnolia.com/tags/web+design"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/freelance" text="freelance" url="http://ma.gnolia.com/tags/freelance"/>
    </outline>
    <outline description="Emastic is em based CSS Grid Framework. The layout is based on em that gives extra elasticity. See more at: Elastic layout with CSS. Emastic main width can be in em, px or %" type="link" htmlUrl="http://css.dzone.com/news/introduction-emastic-css-frame" text="Introduction to Emastic - CSS Framework" url="http://css.dzone.com/news/introduction-emastic-css-frame">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/client-side" text="client-side" url="http://ma.gnolia.com/tags/client-side"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css+framework" text="css framework" url="http://ma.gnolia.com/tags/css+framework"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/emastic" text="emastic" url="http://ma.gnolia.com/tags/emastic"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+design" text="web design" url="http://ma.gnolia.com/tags/web+design"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/html+%26+xhtml" text="html &amp; xhtml" url="http://ma.gnolia.com/tags/html+%26+xhtml"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://wicket.apache.org/index.html" text="Apache Wicket - Home" url="http://wicket.apache.org/index.html">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/develop" text="develop" url="http://ma.gnolia.com/tags/develop"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/wicket" text="wicket" url="http://ma.gnolia.com/tags/wicket"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/java" text="java" url="http://ma.gnolia.com/tags/java"/>
    </outline>
    <outline description="While all of this is great to know, sometimes it would be nice if CSS came with a rule-set on how to keep your files neat and tidy. In this article I&#8217;m going to show you various ways that I myself have written my CSS files with an emphasis on some sort of order. This is my evolution of CSS authoring, if you will. I&#8217;ll also be coining phrases as I go along to give some sort of personality to the aggregation of code. Maybe they will catch on.. " type="link" htmlUrl="http://www.junglejar.com/articles/authoring-css/" text="CSS Authoring For Quick Indexing" url="http://www.junglejar.com/articles/authoring-css/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css+authoring" text="css authoring" url="http://ma.gnolia.com/tags/css+authoring"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/writing+css" text="writing css" url="http://ma.gnolia.com/tags/writing+css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css+style+sheet" text="css style sheet" url="http://ma.gnolia.com/tags/css+style+sheet"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/cascading+style+sheets" text="cascading style sheets" url="http://ma.gnolia.com/tags/cascading+style+sheets"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/clean+code" text="clean code" url="http://ma.gnolia.com/tags/clean+code"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/clean+css" text="clean css" url="http://ma.gnolia.com/tags/clean+css"/>
    </outline>
    <outline description="live demo font-size relationships in CSS based on traditional typography scales. " type="link" htmlUrl="http://lamb.cc/typograph/" text="typograph" url="http://lamb.cc/typograph/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/typography" text="typography" url="http://ma.gnolia.com/tags/typography"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+design" text="web design" url="http://ma.gnolia.com/tags/web+design"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+tools" text="web tools" url="http://ma.gnolia.com/tags/web+tools"/>
    </outline>
    <outline description="When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and" type="link" htmlUrl="http://www.sohtanaka.com/web-design/liquid-color-adjustable-css-buttons/" text="Liquid &amp;amp; Color Adjustable CSS Buttons - CSS/XHTML/Photoshop Tutorial" url="http://www.sohtanaka.com/web-design/liquid-color-adjustable-css-buttons/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/buttons" text="buttons" url="http://ma.gnolia.com/tags/buttons"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/design" text="design" url="http://ma.gnolia.com/tags/design"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.ibloomstudios.com/articles/debugging_css_in_internet_explorer_-_part_1/" text="Debugging CSS in Internet Explorer - Part 1 | iBloom Studios" url="http://www.ibloomstudios.com/articles/debugging_css_in_internet_explorer_-_part_1/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.456bereastreet.com/archive/200610/useful_tips_for_writing_efficient_css/" text="Useful tips for writing efficient CSS | 456 Berea Street" url="http://www.456bereastreet.com/archive/200610/useful_tips_for_writing_efficient_css/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="Learning Web Standards just got easier. Opera's new Web Standards Curriculum, released in association with the Yahoo! Developer Network, is a complete course to teach you standards-based web development, including HTML, CSS, design principles and background theory, and JavaScript basics." type="link" htmlUrl="http://www.opera.com/wsc/" text="Opera Web Standards Curriculum" url="http://www.opera.com/wsc/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+development" text="web development" url="http://ma.gnolia.com/tags/web+development"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+design" text="web design" url="http://ma.gnolia.com/tags/web+design"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/internet" text="internet" url="http://ma.gnolia.com/tags/internet"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/opera" text="opera" url="http://ma.gnolia.com/tags/opera"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+standards" text="web standards" url="http://ma.gnolia.com/tags/web+standards"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/reference" text="reference" url="http://ma.gnolia.com/tags/reference"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://sonspring.com/journal/time-to-drop-ie6" text="SonSpring | Time To Drop IE6" url="http://sonspring.com/journal/time-to-drop-ie6">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/" text="CSS, JavaScript and XHTML Explained &#187; CSS Hack for Google Chrome and Safari 3.1" url="http://www.evotech.net/blog/2008/09/css-hack-for-google-chrome-and-safari-31/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.cssplay.co.uk/menus/iframe_fix2.html" text="Stu Nicholls | CSSplay | Select box iframe fix #2" url="http://www.cssplay.co.uk/menus/iframe_fix2.html">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://mondaybynoon.com/2008/09/01/css-organization-methods-and-writing-style/" text="CSS Organization Methods and Writing Style - Monday By Noon" url="http://mondaybynoon.com/2008/09/01/css-organization-methods-and-writing-style/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="overflow: visible;" type="link" htmlUrl="http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/" text="An Even Better IE Button Width Fix at SixThings" url="http://www.brownbatterystudios.com/sixthings/2006/05/12/an-even-better-ie-button-width-fix/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://nettuts.com/web-roundups/the-best-web-development-books-as-voted-by-you/" text="The Best Web Development Books - As Voted By You! - NETTUTS" url="http://nettuts.com/web-roundups/the-best-web-development-books-as-voted-by-you/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+tasar%C4%B1m" text="web tasar&#305;m" url="http://ma.gnolia.com/tags/web+tasar%C4%B1m"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/drupal" text="drupal" url="http://ma.gnolia.com/tags/drupal"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/javascript" text="javascript" url="http://ma.gnolia.com/tags/javascript"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/php" text="php" url="http://ma.gnolia.com/tags/php"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/jquery" text="jquery" url="http://ma.gnolia.com/tags/jquery"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/xhtml" text="xhtml" url="http://ma.gnolia.com/tags/xhtml"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/flash" text="flash" url="http://ma.gnolia.com/tags/flash"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/ruby" text="ruby" url="http://ma.gnolia.com/tags/ruby"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.peakflowdesign.com/design/rethinking-css-font-sizing-techniques/" text="Rethinking CSS Font Sizing Techniques | Peakflow Design" url="http://www.peakflowdesign.com/design/rethinking-css-font-sizing-techniques/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/tipografi" text="tipografi" url="http://ma.gnolia.com/tags/tipografi"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.usabilitypost.com/post/4-improve-quality-of-bold-text-in-safari-with-text-shadow" text="usabilitypost.com | CSS Trick: Improve the Quality of Bold Text in Safari with text-shadow" url="http://www.usabilitypost.com/post/4-improve-quality-of-bold-text-in-safari-with-text-shadow">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="Use Condition Rules WITHIN StylesUndoubtedly you will have found many a situation where different web-browsers require different style statements. Conditional-CSS addresses this by letting you add Internet Explorer style conditions inline with your CSS statements." type="link" htmlUrl="http://www.knowtebook.com/css-revolution-use-condition-rules-within-styles-1260.htm" text="CSS Revolution - Use Condition Rules WITHIN Styles &#171; css &#171; Knowtebook - Webworkers Daily Milk" url="http://www.knowtebook.com/css-revolution-use-condition-rules-within-styles-1260.htm">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/css" text="css" url="http://ma.gnolia.com/tags/css"/>
    </outline>
    <outline description="" type="link" htmlUrl="http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/" text="Top 10 CSS Table Designs | CSS, Events | Smashing Magazine" url="http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/web+tasar%C4%B1m" text="web tasar&#305;m" url="http://ma.gnolia.com/tags/web+tasar%C4%B1m"/>
    </outline>
    <outline description="Unit PNG Fix, from Unit Interactive&#8217;s Labs, is a comprehensive, yet light-weight png fix built in javascript. It&#8217;s free to download and use as you like!" type="link" htmlUrl="http://labs.unitinteractive.com/unitpngfix.php" text="Unit Interactive :: Labs :: Unit PNG Fix" url="http://labs.unitinteractive.com/unitpngfix.php">
      <outline type="link" htmlUrl="http://ma.gnolia.com/tags/png" text="png" url="http://ma.gnolia.com/tags/png"/>
    </outline>
  </body>
</opml>
