Блог Андрія Огороднікова Хто з мечем до нас прийде, від меча й загине.

Записи по теме «Дизайн»

Пять цветов этой осени

Riverside

HEX: #4C6A92

Pantone 17-4028

Airy Blue

HEX: #92B6D5

Pantone 14-4122

Warm Taupe

HEX: #AF9483

Pantone 16-1318

Lush Meadow

HEX: #006E51

Pantone 18-5845

Spicy Mustard

HEX: #D8AE47

Pantone 14-0952

Фирма Пантон — законодатель всего цвета в сфере промышленно-масштабного дизайна, сообщает нам, что этой осенью в моде стремление к спокойствию и оптимизму при наличии силы, уверенности в себе и сложности (ээм.., complexity).

Пять моих фаворитов нынче.

Рэзын, да?

[…не особо актуально, так как теперешняя новая, переделанная с нуля шкура (Liberty v.3.17.4) полностью адаптивна, сколько мы сами разумеем… Однако же.]

Свершилось! Впервые за 7 лет существования блога оный обзавелся резиновой набойкой. Или отбойкой?

Короче говоря, когда размер экрана (окна) у посетителя уменьшается до 1060px — зайдействуется другой стиль. Страшно другой.

Контейнер немного сжимается, а стрелочки перемещения вверх/вниз переходят в иные точки дислокации. Этот переход и есть самая большая фишище. Он неспешно анимируется — на потеху почтеннейшей публики. Можете игрануться шириной окна современного браузера, ежели угодно сие произвесть и узреть.

Если отбросить закономерную иронию, то я скажу такое: когда я, примерно год назад, подправил шкуру до нынешнего состояния (убрал из каркаса png и задействовал css и вектор), она перестала помещаться в экран стандартом 1024px. Ибо я расширил контентный контейнер и приделал эти самые кнопки-стрелки для удобства.

При этом бло все равно не стал резиновым. Понимаете, мне нравится сам принцип статической, выверенной до мелочей оболочки. То есть посетитель видит оформление моих произведений так, как мне хочется. Такой подход, конечно, был актуален 10 и более лет назад. Пока царствовали мониторы десктопные: а) подавляли все 1024px по ширине и б) не существовало так много вариаций экранов, как сейчас. Я тут, изучая серьезно вопрос адаптивного дизайна, нашел некий приблизительный список стандартных девайсов известных марок, под которые подгоняются стили посредством отдельных =@media=. Он насчитывает 65 строк! Более 25 разнообразных вендеров. Теоретически, под каждый нужны свои стили. Если мы хотим выверенности своей работы на каждом популярном устройстве, а не на абстрактной ширине/высоте экрана. Но кому это нужно? Резина с последовательными отторжениями и перемещениями элементов — наше все.

Полагаю, что впереди полная переделка шкуры под реалии современного мира. На это нужно время и силы. Силы небесные!..

Увага, шрифти!

yidlo

Font Squirrel — один з небагатьох шрифтових сервісів-каталогів, який дозволяє чітко дотриматися ліцензії на використання того чи іншого шрифту (веб-дизайн, поліграфічний дизайн, фірмовий стиль, документообіг тощо). При розробці комерційних проектів це дуже важливо. Дрібниця — неправомірно використаний шрифт може знищити усю працю й навіть викликати проблеми судового кшталту…

Кириличний шрифт не завжди дорівнює український шрифт. На «Білці» взагалі всі мови, які використовують кирилицю, скинули в один «тег». Тому треба завжди перевіряти. Відсутня може бути навіть буква «і».

gava

Хороших (свободних) шрифтів з кирилицею взагалі небагато, а україномовних ще менше. При цьому є усілякі, окремо теговані, тонга, сото, маорі, зулу… З усією повагою, це неподобство. Щонайменше 300 млн людей використовують кирилицю, щонайменше 10 значних мов, але усім як завжди..

Brain Work Cafe. Volume 9. Retro

vol9, ретро музыка, brain work cafe, 9

Стоит лишь начать и почувствовать вкус, как… Очередной том из новых. Значит, 7, 8, 9. Прямо в стиле Стар Варс. Склепал этот сборник я еще летом, опубликовывать было некогда. Но получилось подгадать 9-й к 9-му. Пусть так.

список песен, 9 сборник

Помимо незамысловатой фоново-музыкальной функции, как оказалось, эти сборки несут и историко-просветительскую. Приятно было получить благодарность от читателей, открывших для себя целый ряд прекрасных исполнителей. Честно говоря, я полагал, что современную публику мало чем можно удивить, учитывая развитие информационных технологий и тайных или явных залежей контента. Тем лучше.

Сегодняшний выпуск вообще-то у меня вышел винтажным по самые клеши, поначалу я даже об этом не задумывался, скидывал, скидывал, …, а потом, почесал маковку, и понял, что собрал сугубое ретр0.

Период выборки центрируется на 70-х с качественными анахронистичными загибами — от 60-х до 2000-х. Последние, как ни прискорбно, тоже законно причисляются к старине. 16 лет минуло с перевала через еще будто вчера столь отдаленный Миллениум. Страшно подумать.

Так или иначе, я успел немножко пожить при последних лучах 70-х, значит… зацепил пять десятилетий музыкальной истории. Которая, я надеюсь, будет столь же живуча, как и само человечество. Полагаю, как только мозг некоего одаренного австралопитека осознал широчайшие возможности интерпретации абстрактной картины мира, он принялся сочинять музыку. Прежде речи, которая, как мне кажется, развилась из бессознательных напевов в ритме ветров да ручьев, помогавших вытачивать первую эргономичную дубину…

Someday

someday

Так и просился этот (Rabid Science) шрифт на..

Неплохой был еще вариант

.тут.

Быстрое создание файлов темы для wordpress

Ну, мало кому надо, но вдруг пригодится. Метода проста, как полкопейки.

Если вы по какой-то причине решили написать вордпрессовскую тему (ака шкуру) с нуля, шаблоны (т.е. ряд php и css) копировать из старых тем вредно: вычищать забитые кодом файлы муторно, взгляд обязательно зацепится, лень проснется и в итоге… полезное начинание пойдет прахом).

Мы идем другим путем. Задача очень быстро создать структуру темы, каркас, ее скелет, и отнюдь не в визуальном смысле.

Для начала создаем простой текстовый файл (laragut.txt) со списком необходимых файлов с расширениями в столбик:

home.php
index.php
page.php
single.php
header.php
footer.php
sidebar.php
functions.php
style.css
404.php
archive.php
archives.php
comments.php
reset.css
screenshot.png
search.php
_012.php
_345.php
_678.php
_910.php
avo.org.ua.url

Для стандартной темы список примерно таков. (Файлы вида _012.php просто запасные, на всякий случай).

Второе — сделать мельчайший батничек:

FOR /F %%i in (laragut.txt) do cd. > %%i

Сохранив его как, скажем, tinamaze.bat

Далее создаем новую директорию в ..wp-content\themes\, в которую и помещаем эти два чуда. Запускаем бат — и через мгновение у нас целый выводок искомого пустого файла.

word-press-files

Выделяем все это и отправляем в notepad++ и ш.. ш… кодим кодимм кодимм кодиммм кодиммм…

notepadplusplus

Сразу видна вся структура, не нужно отвлекаться на создание файлов по-отдельности итд итп, масса приятного. Работает с любыми файловыми расширениями и любым, сколь угодно длинным списком. Годится не только для WP.

!!!ВАЖНОЕ ДОПОЛНЕНИЕ. После создания файлов удаляйте батник из директории! Ибо, если задействовать его еще раз, он заново создаст файлы с нулевым размером, перезаписав имевшиеся (возможно уже гениально заполненные)). Как всякий острый и простой инструмент, сей требует внимательности.

Brain Work Cafe. Volume 7. Jazz Manouche

jazz manouche

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

Исполнителей джипси свинга так много, что сделать выборку очень трудно. Но я старался. Для ознакомления. Услышав один раз, в эту музыку влюбляешься навсегда.

Ведущую роль в цыганском джазе играют гитары, поэтому фоном «вкладыша» служит роскошное дерево корпуса. Хотя я пытался оперировать с ретро-фото Лионского вокзала, ибо Париж — признанный центр европейского джаза. По своему интересный вариант.

джаз мануш

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

bwc-7-list