Tags: tiles



Tuesday, March 21st, 2017

Lisbon Azulejos

When I was in Porto a few weeks back, I took lots of pictures of the beautiful tiles. They reminded me of the ubiquitous repeating background images that were so popular on the early web. I was thinking about abstracting them into a collection of reusable patterns but now it looks like I’ve been beaten to it!

Wednesday, March 1st, 2017

Mood boards in a content-first design process — Thomas Byttebier

How style tiles can work great in combination with content prototypes:

Surprisingly, it helps clients understand the HTML content prototype better. They now clearly see the difference and the relationship between content and design. In general it helps me explain the content-first process better and it helps them make more sense of it.

Friday, September 30th, 2016

the new code – Even Stevens: Using Round and Space in Repeated Background Images

See, when I first heard about background-repeat: round; I thought it was something to do with making things circular. But no, it’s about tiling a background image so that nothing gets cut off. The amount of tiling required is rounded to the nearest whole number.

Now I get it.

Wednesday, July 23rd, 2014

The Pattern Library

Literally a library of patterns: y’know, for tiling background images. Old school!

Sunday, June 17th, 2012

Welcome to History Mesh

This is rather wonderful: a DevFort project for navigating interweaving strands of history, James Burke style.

Tuesday, March 27th, 2012

A List Apart: Articles: Style Tiles and How They Work

Samantha does an excellent job of explaining how useful style tiles can be for visual design and iteration.

Wednesday, March 21st, 2012


Beautiful new map tiles from Stamen for use with OpenStreetMap data. The “watercolor” tiles are particularly pretty.

Friday, March 16th, 2012

Style Tiles

Samantha put together this handy one-page site to explain Style Tiles as part of her South by Southwest presentation.

Saturday, August 20th, 2011

agile approach | The Anatomy of a Design Decision: Examiner’s 2012 Campaign Site

Samantha gives the rundown of a hands-on use of Style Tiles.

Tuesday, July 13th, 2010

flickr shapetiles / july 2010

Aaron's lovely visualisation of Flickr's shapetiles.

Thursday, December 4th, 2008

jCquard: The Do Less, Punch More JavaScript Library

This is certainly the most backwards-compatible JavaScript library out there.