<p>I share, write and tweet about web development, I am passionate about best practices, ethics and building websites properly, I am on <ahref=http://smashingmagazine.com/>Smashing Magazine</a>&rsquo;s Experts Panel and I am a <ahref=http://www.thenetawards.com/>.net magazine awards finalist</a>.</p>

</article>

<article>

<h2>Skills and competencies</h2>

<ulclass=tag-list>

<li>Front-end architecture</li>

<li>HTML</li>

<li>CSS</li>

<li>Performance</li>

<li>Accessibility</li>

<li>Usability</li>

<li><abbrtitle="User eXperience">UX</abbr></li>

<li><abbrtitle="User Interface">UI</abbr></li>

<li>Typography</li>

<li>Design</li>

<li>Development</li>

</ul>

</article>

<article>

<h2>Sites</h2>

<dl>

<dt><ahref=http://csswizardry.com/>CSS Wizardry</a></dt>

<dd>My blog and portfolio, CSS Wizardry is an Alexa top 100,000 ranked website with a host of articles and resources for web designers and developers&hellip;</dd>

<li><ahref=http://csswizardry.com/2010/10/your-logo-is-an-image-not-a-h1/>Your logo is an image, not a <code>&lt;h1&gt;</code></a> and <ahref=http://csswizardry.com/2011/08/more-logo-markup-tips/>More logo markup tips</a></li>

<p>inuit.css is a pragmatic, production ready CSS framework which provides developers with a solid baseline for responsive and extensible web projects. <bclass=go>Check it out</b></p>

</a>

</li>

<li>

<ahref=http://csswizardry.com/fluid-grids/>

<h3>Fluid Grids</h3>

<p><cite>Fluid Grids</cite> is a tiny app that proved a big hit. I created a PHP script that would give me a fluid grid system if I gave it some fixed values. It proved pretty useful so I skinned it up and gave it away. <bclass=go>Give it a go</b></p>

</a>

</li>

<li>

<ahref=http://csswizardry.com/in-focus/>

<h3>in:focus</h3>

<p><cite>in:focus</cite> is a small Q&amp;A site on which I interview the web&rsquo;s best. <bclass=go>Read the interviews</b></p>

</a>

</li>

<li>

<ahref=http://csswizardry.com/resources/>

<h3>More&hellip;</h3>

<p>Find even more projects on <bclass=go>my resources page</b></p>

</a>

</li>

</ul>

</article>

<article>

<h2>Eardrums</h2>

<p>Some of the albums I&rsquo;ve been listening to on Spotify lately.</p>

<p>Feel free to get in touch by either <ahref="http://twitter.com/intent/tweet?text=Hey%20@csswizardry,%20">Tweeting at me</a> or sending an email to <ahref=mailto:harry@csswizardry.com>hry [at] rbrts [dot] me</a>.</p>