title: html/css framework, what should I definitely not miss?
body: <p>I'm working on a little html/css framework that I can use for most of my websites, at least to have a basis to build on. Here's what I've been using so far:</p>
  
  <h3>CSS framework</h3>
  
  <ul>
  <li><em>Reset.css</em> - I use the one by Eric Meyer, www.meyerweb.com.  </li>
  <li><em>Typography.css</em> - All main typography styles for the site (from <a href="http://blueprintcss.org" rel="noreferrer">blueprintcss.org</a>)   </li>
  <li><em>Forms.css</em> - basic form styles (from blueprintcss.org)   </li>
  <li><em>Wireframe.css</em> - Here I set up the wireframe for one, two and three columns plus a header and footer. I used the <a href="http://www.alistapart.com/articles/holygrail/" rel="noreferrer">Holy Grail</a> technique, and implemented it so that by setting a class of 'onecolumn', 'twocolumns' or 'threecolumns' to the container div I can switch between the three.</li>
  </ul>
  
  <h3>Basic techniques</h3>
  
  <p>Some techniques I have some pre-fab examples of for me to re-use in any website:</p>
  
  <ul>
  <li><em><a href="http://www.alistapart.com/articles/dropdowns/" rel="noreferrer">Suckerfish</a> dropdown menus</em> - Horizontal and vertical in various versions  </li>
  <li><em><a href="http://www.alistapart.com/articles/slidingdoors/" rel="noreferrer">Sliding Doors</a> tabs</em> - although I try to use CSS3 where possible</li>
  </ul>
  
  <h3>Scripting</h3>
  
  <ul>
  <li><em>jQuery</em> - I try to use it as little as possible (that is, if there's css solutions at hand, like the Suckerfish dropdown menu vs. jQ menus)</li>
  </ul>
  
  <h3>Plugins</h3>
  
  <p>None,  yet. I looked into <a href="http://www.css3pie.com" rel="noreferrer">css3pie</a> yesterday and it looked real promising.</p>
  
  <h3>Yet to look into</h3>
  
  <p>What I haven't used so far but might be interesting is css and js minifiers. Also, currently I include the 5 css files mentioned above in the main.css with @import, maybe I should have them merge automatically before I upload?  </p>
  
  <p>Also there's CSS grid systems of course. I never got the hang of those, but maybe I should give it another try. I know the 960 grid is very popular, but I'm not sure if I want to use classes purely for markup (grid_4, column_5, etc.) To me it's a bit like <code>&lt;span class="red"&gt;</code> to make a text red, that's just as bad as using inline style.</p>
  
  <p>Anyway, this is just a basic setup and there's plenty of problems in websites that are not yet incorporated in this framework. So, <strong>what should I really check out</strong> to improve my framework? (HTML5 and CSS3 welcome, no flash please :P)</p>
  
  <h3>Suggestions</h3>
  
  <p>I'll make a list here of suggestions made below that I'll check out.</p>
  
  <ul>
  <li><a href="http://html5boilerplate.com/" rel="noreferrer">HTML5 Boilerplate</a></li>
  <li><a href="http://code.google.com/p/ie7-js/" rel="noreferrer">IE 7/8/9.js</a></li>
  <li><a href="http://www.modernizr.com/" rel="noreferrer">Modernizr</a></li>
  </ul>