Принцип цикады (псевдослучайные паттерны)

http://designfestival.com/…-it-matters-to-web-designers

Впечатляющая демонстрация использования простых чисел при создании паттернов.

Например, метод позволяет сделать из трех картинок

вот такую текстуру:

Работает это примерно так: берем три полупрозрачных изображения в png, ширина каждого из которых — простое число, и используем все три как фон (background-image):

html {
background-image: url(29-a.png),url(37-a.png), url(53-a.png);
padding:0;
margin:0;
height: 100%;
}

В результате цвета начинают смешиваться и давать новые оттенки, но главное — все полосы оказываются разной ширины. Без повторений получается заполнить почти 57 тысяч пикселей; при этом суммарный вес картинок — около 7 кб.

В посте есть еще два более жизненных примера, один из которых — легион человечков Лего.