Новый дизайн блога
За годы существования моего блога я проводил коренное изменение дизайна несколько раз. Сначала блог работал на Wordpress, я экспериментировал с темами, виджетами в сайдбарах (одновременно в левом и правом), плагинами. Популярные статьи, комментарии, рейтинги, картинки из галереи, случайная статья и подобные красивости, которые теперь воспринимаются, как анимированные картинки на сайтах 90-х. От бесплатной темы я перешёл к более элегантной коммерческой, она мне нравилась визуально. Шло время, мне надоело оптимизировать работу Wordpress, и я перешёл в июне 2012 года к генератору статических сайтов Octopress.
Это было серьёзное продвижение, дизайн сильно упростился по сравнению с Wordpress. Я по-прежнему использовал сайдбар, там был список разделов сайта, последние и популярные статьи, одно время — twitter.
У меня развивалась любовь к минимализму, к которому меня привели мысли Бабауты Zenhabits в общем и подход к минималистичным сайтам «minimal web» — в частности.
Но любовь — любовью, а сделать новую тему с нуля под Octopress было тяжело. Несколько раз подходил к этому, но дальше паручасовых разбирательств не шло.
Год назад я увидел, что Matt Gemmel изменил дизайн своего блога на Octopress. И это было хорошо. Он описал процесс в статьях «A new site design» и «Designing blogs for readers». Я был согласен со всеми мыслями Matt«а и потенциально был готов к новой теме.
К изменениям меня подтолкнул также Дима Храпонов, он отказался от Octopress в пользу светлого и минималистичного движка на Эгее.
И Сергей Макаренко, поменявший цвета стандартной темы Octopress в сторону белых. Это было последней каплей, я устал ждать Octopress 3.0 и принялся за дело.
Тема Aron Cedercrantz, которую использовал Matt, «из коробки» мне не подходила. И я проделал путь Matt«а сам, значительно покопавшись в коде. SASS, CSS, Ruby слегка выносили мне мозг, особенно когда изменения в CSS не срабатывали, но я поборол эту задачу. Мне понадобилось два дня на переделку.
Надеюсь, плагиатом вы это не назовёте, я приложил много труда к тому, что вы видите. Я не дизайнер и CSS знаю по большей мере методом тыка.
Вот что было:
И что стало:
Я хотел сделать сайт удобным для чтения и убрать всё ненужное. Надеюсь, что у меня это получилось. По крайней мере в Safari и Chrome на Mac, на iPhone и iPad сайт виден.
Буду очень благодарен за короткий отзыв или описание замеченных ошибок. Даже за короткий комментарий «нравится/не нравится».
P.S. Если вы хотите поменять тему Octopress, то взгляните для начала в сторону »3rd Party Octopress Themes».
Полный текст статьи читайте на TheAppleGeek
