FlexyFlat — новый шаблон и новая техника верстки

artemmian.ru flexyflat main 620x314 - FlexyFlat — новый шаблон и новая техника верстки

Наконец-то обновился. Полтора года прошло с последнего редизайна! В новом шаблоне использовался абсолютно новый для меня стиль flat (плоский дизайн) а-ля windows 8 и новая техника верстки: flexbox. Отсюда и название FlexyFlat – плоский дизайн на флексбоксах.

Как оказалось, данный сайт этим шаблоном получил уже седьмое обновление.

Хотел подготовить макет в PhotoShop, но в очередной раз понял, что это не мое. Скучная монотонная работа на несколько часов, а то и дней. Попытался и бросил. Продакшн в очередной раз оказался далек от финальной версии, которая изначально рисовалась, как продолжение линейки artemplate v1, v2 с индексом 3

artemmian.ru atplw3 620x619 - FlexyFlat — новый шаблон и новая техника верстки

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

float: left на display:flex

Шаблон сузился на 200 пикселей. Все шрифты сменили пиксели на rem – относительную величину наподобие em, но не уменьшающую размер с каждым новым вложением в родителя.

Стиль минимализма требует компромисов и поэтому заголовки столь огромных размеров. По традиции не использую в дизайне графику. Единственным исключением стали шапка, прозрачный фон для форм 1х1px и шапка для pre code блоков.

Движок решил оставить прежний – Datalife Engine 10.1. Не вижу никакого смысла для переезда на 10.5, а именно эта версия на данный момент самая свежая т. к. 10.1 решает все поставленные задачи.

Общая продолжительность верстки составила около недели, но не более 24 часов суммарного времени!

Похожие записи


Полный гайд по миграции с CMS DLE на WordPress
Данный сайт в апреле 2019 года полностью переехал на CMS WordPress и в июне, после завершения всех правок (а их...
Depositfiles — GOLD аккаунты, как это было в 2009 году
Наткнулся на скриншот выше и навеяло воспоминания… На скриншоте программа лояльности от depositfiles в виде бонусных ключей, которые предоставлялись за...
Итоги 2017 года, планы на 2018
Год был богат на события: новый домен для блога, уход с работы, хайпы, разработка собственной экономической игры, инвестиции, пирамиды, криптовалюты...
Большие перемены — новый домен devarts.pro и новый курс развития сайта
Реализовал свою давнюю задумку по смене домена сайта-блога artemmian.ru на что-то более звучащее, а заодно и переименоваться в сети на...
Free Trial SSL — как обновить 90-дневный бесплатный сертификат.
Незаметно подошел к концу срок действия бесплатного 90-дневного Free Trial SSL от Comodo, который я оформлял через GogetSSL. Оказалось, что...

Добавить комментарий