Warning: copy() [function.copy]: Filename cannot be empty in /home/paraplanov/priunil.ru/docs/system/core.php on line 2
2 заметки с тегом: верстка

Пишу обо всём, что радует. Сейчас: редактура

2 заметки с тегом

верстка

30 августа 2017, 23:58

Как я переделываю блог

Оставаясь ленивой жопой

Эгея — удобный движок для блога. Но есть проблема: все сайты на нём выглядят похожими друг на друга. А мне хочется уникальный дизайн, заточенный под мои задачи. Что делать?

В идеальном мире я бы сел такой, спроектировал бы сайт, придумал бы дизайн, нарисовал бы макет, учёл бы все нюансы, вылизал бы во всех местах типографику. Потом бы обстоятельно и разом перенёс всё это в вёрстку. В итоге родилась бы моя собственная тема для Эгеи.

Но жизнь — не сказка. В реальности есть три проблемы.

Заранее не знаю, чего хочу. Идеи нужных переделок приходят только в процессе ведения блога.

Прокрастинация. У меня ни единого шанса запилить разом большой личный проект без внешнего дедлайна.

Нет навыка. Я не умею кодить. Чтобы сверстать что-то, мне надо сначала мучительно вспоминать синтаксис HTML и гуглить простейшие теги.

Поэтому с самого первого дня я ввёл для себя правило: новый пост можно публиковать только запилив улучшение самого блога. Одно. Любое. Обязательно.

Вместе с постом про команды я сделал карточки для рекомендаций в конце поста

Благодаря такому подходу я без всяких угрызений совести всю дорогу совершенно ничего по блогу не делаю. Зато, если уж потащило написать пост, то хватит мотивации и красоту какую-нибудь запилить по ходу дела.

Вместе с постом, который вы читаете, я причесал вёрстку карточек-рекомендаций

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

Понемножечку,
помаленечку,
по копеечке,
по зёрнышку,
по семечку

Я заметил: чем лучше становится блог, тем чаще мне в него хочется писать. И благодаря правилу, чем чаще я пишу в блог, тем лучше он становится. Такой вот круговорот пользы.

Что дальше

Сделайте себе интересно
Сделайте себе интересно
Конспект лекции Людвига
Антон Жиянов
Как правильно копировать чужие решения
Как правильно копировать чужие решения
Своруйте где-нибудь
Чёт приуныл
Подпишитесь в Телеграме на новьё
блогверстка

Своруйте где-нибудь

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

Сегодня расскажу о двух стратегиях копирования, которые, как мне кажется, продуктивны и не лишают радости собственных открытий, а в конце сформулирую общее правило.

Скопировал → улучшил → придумал

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

В Школе редакторов есть задание: собрать страницу о себе. Это задание на вёрстку, оно проверяет умение работать с формой и расположением элементов на странице: заголовком, текстом, ссылками и фотографией. Важно получить максимально выразительный результат, сделав минимум ошибок.

Во время первой итерации я поделился в общем чате студентов рабочим черновиком.

Мой черновик. Пришлось поставить текст на плашку, потому что фотография неудачно кадрирована — под плашкой ничего нет

Люба Мамаева скопировала моё решение, чтобы перестать тратить время на бесконечные обдумывания и начать делать.

Черновик Любы. Элементы расположены так же, как у меня и под текстом тоже цветная подложка

А дальше Люба стала самостоятельно думать над деталями. Почему они такие? Почему бы им не быть другими? Стало понятно, что у неё-то фотка нормальная, нет никакого смысла делать плашку цветной.

Результат первой итерации. Плашка стала светлой и немного прозрачной, текст подсобрался наверху

К концу второй итерации Люба избавилась от плашки совсем и переделала на странице каждую деталь, фактически пересобрав её полностью.

Результат второй итерации. Сравните с первым черновиком

Получилось, что Люба начала с копии готового решения, а потом, улучшая детали, пришла к собственному варианту.

Обычно так и происходит. Примерив чужое решение на себя, быстро понимаешь, что оно тебе тут жмёт, там висит, да и по цвету не подходит. Поэтому начинаешь допиливать решение под себя. И в итоге ты или переделываешь всё до полной неузнаваемости или в процессе придумываешь новое решение, в котором для этих деталей уже нет места.

Придумал → скопировал → улучшил

Вторая стратегия — копировать фишки. Если проблемы начать нет, лучше сначала собрать собственное решение и только потом идти смотреть чужие. В них надо искать сильные ходы, которые помогли бы вам избавиться от какой-то конкретной локальной проблемы.

Вот как я собирал ту же страницу о себе.

Во время работы над второй итерацией преподаватель Миша Нозик заметил, что двум строчкам в нижнем углу для якорности не хватает «веса», и крупный кегль не спасает.

Мой черновик. Воткнул две строчки в угол: думал будет якорно, но нет

Иду и смотрю чужие работы. Обращаю внимание на иконки у Никиты Ларионова.

Результат первой итерации Никиты. Интересный ход — иконки в тексте

Иконки яркие, за них цепляется взгляд. Кажется, это можно использовать, копирую себе.

Черновик второй итерации. Добавил в угол иконку по примеру Никиты — получилась хрень

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

Результат второй итерации. Подружил иконку с текстом, увеличил, задвинул в угол и сделал более информативной — теперь крупно показывает правильную дату

Так я сначала придумал собственное решение, а потом скопировал и допилил под себя чужую деталь, чтобы решить локальную проблему.

Но опять же, надо помнить: фишка, которая вам приглянулась в чужой работе, могла выполнять там совсем другую функцию. Поэтому после копирования вам придётся потратить время на доработку, чтобы она решала вашу проблему.

Итак, формулирую правило полезного копирования.

Обе стратегии включают в себя период доработки после копирования. Не надо пренебрегать им. Наоборот, потратьте максимальное количество времени и сил на то, чтобы подогнать скопированное под себя. Тогда процесс даст понимание, улучшит результат и подтолкнёт к собственным решениям.

Скопировал — допиливай

Ещё по теме:
Как важно быть уникальным — пост в блоге Максима Ильяхова
Графдизайн тогда и теперь — коллекция заимствований Айдара Шакирова
Метод небоскрёба — статья на «Котиках»

Советы на сайте Бюро Горбунова:
О стыде заимствования
Об обучении через копирование
О заимствовании идей

Подпишитесь на Телеграмм
Подпишитесь на Телеграмм, чтобы узнавать о новых постах.