Сайте Полины Ошурковой 1.1 — Каталог

Абзац контекста для недавно подписавшихся. Моя супруга Полина — дизайнер паттернов. Как-то рассказывал, как делал ей сайт.

Сейчас сделал обновление. Интересно, что всё, что я планировал сделать во второй версии, пока абсолютно не нужно Полине, как предпринимателю.

Но нужен каталог с паттернами, потому что клиенты спрашивают готовые паттерны, и в этот момент расточительно отправлять их на сервисы-посредники.

Сделали просто квадратные картинки и бинарный фильтр — polinaoshu.com/patterns.

А радует меня автоматизация. Страничка собирается из содержимого папки. Из имени файла берём подписи, немного форматируя по пути. Для подписей с символами, которые опасно хранить в имени файла, ведём страхующий текстовый файлик. Ещё в именах файлов помечаем, какие из них растровые. Потом на основе этих пометок добавляем картинкам ЦСС-классы, по которым скрипт скрывает их при фильтрации. В итоге — в большинстве случаев заливаем на сервер картинки, и всё.

Основу написал Толя Буров, а остальное я дополнял готовыми кусочками.

Для тех, кто любит закопаться — правила для названий и пример:

  1. Нумеруем, чтобы упорядочить на странице. От названия номер не отделяем.
  2. Вместо пробелов — дефис или нижнее подчёркивание (-,_).
  3. Подтип (Light, Dark) отделяем собачкой (@).
  4. Для растровых паттернов добавляем в название файла «_rsts».
  5. Автоматические названия, которые не нравятся, переназначаем в titles.txt.

02water-lily-on-purple@vivid_rstr.jpg → Water Lily on Purple · Vivid

Поделиться
Отправить
Запинить
Популярное