Alt+N
Новость...

Просветите нас
Правила хорошей заметки для Дизайн-собаки

РСС

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 кб.

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

твитнуть 

Комментарии

Павел Власов
9 апреля 2011

Оригинально, дёшево и эффектно. Спасибо, Станислав.

Станислав Биченко
10 апреля 2011

Всегда пожалуйста!

Антон
11 апреля 2011

На Хабре недавно был перевод этой статьи.

Станислав Биченко
11 апреля 2011

Нашел, точно: http://habrahabr.ru/blogs/css/117160/

Ваш комментарий
адрес не будет опубликован
Комментарий
Ссылки на картинки в тексте автоматически превратятся в иллюстрации




© 2017

Дизайн-бюро
Артёма Горбунова

Пишите: mail@artgorbunov.ru