I’m a Finnish designer, currently specialized in adaptive web design. I work at Kisko Labs in Helsinki.
This site uses a prototype layout that attempts to solve the following problems:
Here’s how it works:
The result is a bi-directional layout. Unlike in a traditional vertical layout, you can quickly scan through each section by scrolling horizontally, and when you find an interesting one, you can drill down on it by scrolling vertically.
Also, the design of each these sections only requires 2 of the 3 states of a responsive design: just right and too small. The horizontal stacking takes care of too big. This leaves more opportunities for making interesting design decisions and cuts down on development time.
The layout is still very experimental, so there are plenty of problems to solve with it. So far, I’ve come across these:
There are bugs too, of course:
<div>instead of the viewport, but that causes a variety of other issues.)
If you run into any issues not listed here, please tweet at me.
Frameless is another static-width grid system for adaptive web design. It’s based on the same principles as Less Framework and is an attempt to develop the idea of an adaptive static-width grid further.
The concept: adapt column by column, not pixel by pixel. Create a column grid with an infinite number of columns, and activate and deactivate columns as needed, never changing the grid’s column and gutter widths. The result is a grid that adapts only when there’s enough space on the screen to do so, never compromising the ratios its dimensions are based on.
Golden Grid System is a completely fluid-width grid system for responsive web design.
I published it during the time responsive design was really gaining steam, so it ended up getting quite a bit of publicity. Unfortunately I did a bad job in presenting it, making many people misunderstand how it should and should not be used.
I did a brief spout of writing in 2011, including doing some blogging on this site. I started by immediately posting twice, and then never again.
Using media queries to make a clean break from legacy browsers.
An unexpected opportunity to control how the page loads, using Typekit.
My very first printed article, published in .net Magazine #211. Not very good.
Less Framework is an adaptive CSS grid system, and the ancestor of my later grid system: Frameless. It adapts by switching between four static-width layouts, depending on the width of the screen. Each layout shares the same column and gutter widths, making it easy to reuse elements between them.
It was my first attempt to develop an alternative to adaptive fluid-width layouts. A lot of people at the time were also looking for a way out from using fluid layouts, causing Less Framework to become quite popular. I ended up developing four major versions of it.
Little Picture was my blog about the little details in design, started in 2010. It hasn’t aged particularly well, but is still worth a look, since it was also one of my very first adaptive designs.