CSS background-position and percent

I was working on making an existing client site responsive recently and encountered a CSS problem I am unable to find a good cross-browser solution to. The problem involves CSS background images and seemed simple at first, but it turned out otherwise.

The site I was working on was using a fixed width. One column had a coloured background extending all the way from the header to the footer, regardless of the amount of content. To achieve this, a background image was used (à la Faux Columns). I needed to make this flexible as part of the responsive remake.

Making the width flexible and changing the column widths from pixels to percentages has an interesting consequence when you use a background image to fake columns because of the way the background-position CSS property works when you use percent, i.e. background-position:40% 0.

Read full post

Posted in .

Copyright © Roger Johansson

Posted in Blog | Comments Off on CSS background-position and percent

Terrific Illustration Projects by Rafal Wechterowicz

Terrific Illustration Projects by Rafal Wechterowicz

I’ve been working as a illustrator for about 3 years, but you don’t need more than a couple of weeks to see almost every illustration style on the web. But from time to time a really interesting and fresh illustrator appear.

This is the case of Rafal Wechterowicz, a illustrator focused in band poster designs made in traditional techniques, hope you dig his style. You can see more awesome illustration projects by Rafal at his Behance Profile or you can follow his page on Facebook.

Asian Inspirations

“This is set of my designs inspired by traditional asian art(mostly from Japan).”

Skulls

Mastodon

“This set of my t-shirt designs for Mastodon. I really like to work for them.”

Posted in Blog | Comments Off on Terrific Illustration Projects by Rafal Wechterowicz