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

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

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

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

Не люблю рисовать PSD исходник — у меня хорошее воображение, позволяющее визуализировать огромные массивы данных 🙂 В очередной раз он оказался далек от финальной версии, которая изначально рисовалась, как продолжение линейки artemplate v1, v2 с индексом 3

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

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

float: left на display:flex

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

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

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

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

Читайте также

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

Итоги 2018 года и планы на 2019
Год прошел для меня под знаком IT-технологий и криптовалют. Немного трейдил, майнил, но в сентябре, когда начался спад, вышел из...
Итоги 2017 года, планы на 2018
Не умею я писать тексты-отчеты в срок! Начинал данный пост вечером 31 с целью закончить 1 января, а коллеги по...
DevArts.pro — большие перемены — новый домен, новый курс развития сайта
Реализовал свою давнюю задумку — сменить домен сайта-блога artemmian.ru на что-то более звучащее, а заодно переименоваться в сети на новый...
Free Trial SSL — как обновить 90-дневный бесплатный сертификат.
Незаметно подошел к концу срок действия бесплатного 90-дневного Free Trial SSL от Comodo, который я оформлял через GogetSSL. Оказалось, что...
Падение и рост ТиЦ применяя принудительный 301 редирект с HTTP на HTTPS
Три месяца назад ушел с HTTP в пользу SSL и HTTPS, ТиЦ был 10 и оказался перед выбором. Оставлять открытым...

Комментарии

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *