An alternative to in-site hyperlink navigation.
I’m a Finnish web designer, splitting my time between web app design at Kisko and building stuff on my own.
A two-way scrolling layout used on a previous version of this site. (2013)
A recipe for building an infinitely adapting fixed-width grid (2011).
Frameless is the spiritual successor to Less Framework. It's an adaptive fixed-width grid system, but it doesn't have any predefined column configurations. The idea is to set a column and gutter size, and use as many columns as fit on the screen and you happen to need.
Although I published Frameless with a couple of templates, which are still available on GitHub, like my other grid systems, Frameless is just a set of instructions. It doesn't contain any code that you need to use. The recipe is as follows.
Use whatever criteria it is that you usually use to create fixed-width grids: pick a column width, a gutter width etc. Don’t worry about the amount of columns just yet.
Give the grid and infinite number of columns, so that no matter how wide you make your screen, more and more columns come into view.
Align your grid horizontally to the middle of your screen. For a grid with an even number of columns, align the center point of your screen in the middle of the gutter between your two centermost columns. For an odd-numbered grid, align it in the middle of your centermost column.
Start using the grid. Whenever you need more columns and they fit on the screen, use them. But don't try to spread your design to always fill up every column available on the screen. Adapt column by column, not pixel by pixel.
Frameless received an adequate amount of attention when published, but not as much as my previous grid systems. Most of the sites designed using it have since vanished or been redesigned.
A folding grid system for responsive design (2011).
An early adaptive CSS grid system (2010–2011).
Basically like a long blog post about the state of responsive design in 2011–2012.
Using media queries to make a clean break from legacy browsers. (2011)
An unexpected opportunity to control how the page loads, using Typekit. (2011)
This is an article I wrote in 2011, for .net Magazine #211. I’m rehosting it here, since they’ve since made their old issues inaccessible on the web.