Articles tagged with #responsive.

Creating a responsive layout based on squares.

Creating a responsive layout based on squares may be more tricky than expected, because it require you to always ensure a given aspect ratio of 1:1. Here are some thoughts on a solution I came up with. Imagine a layout should define a square, that is supposed to be biggest unit. All other elements are fractals of this biggest square, going down to a square that is supposed to be the smallest unit. I tried out various approaches to […]

Read more

Responsive background images with srcset and sizes

A while ago I searched around for a quick and easy solution to provide responsive background images. Somewhere I stumbled upon a fiddle demonstrating an amazingly neat trick. I tried this approach in a few projects and started some cross browser testing. It worked like a charm and I'd like to share and explain this idea. srcset and sizes FTW! The srcset and sizes attributes, which the HTML5 standard specifies for the img tag, are around for a while now. […]

Read more