So my last project ended up being a much bigger deal/effort/undertaking than I expected. I’m just now starting to get back in the swing of small releases. Still shooting for 10 projects this year though!
Not counting the super secret project, this is my 3rd release and it’s a huge departure from my normal stuff.
This will appeal to maybe 10 people in the world, but for them it could be a huge time-saver (it already is for me.)
Fluid (elastic, em-based, etc) layouts are ones that specify all sizes in relative units (usually ems – a typographic term). Here’s a great introduction to making one of these layouts: The Incredible Em & Elastic Layouts with CSS. The advantage to having everything set in a relative unit is that it allows the site to scale (like “Full page zoom” on IE7 and Firefox 3). It’s also a great way to know exactly what’s going on with your layout.
Since you’re working in relative units, you always need to be aware of your current font-size, and use that to calculate the size you’re setting.
Well, NO MORE!
Here’s a video showing you what it does:
How to use my textmate bundle for em-based designs from kastner on Vimeo.
Grab it on GitHub.
Or – get the tarball