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 часов суммарного времени!

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

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

Depositfiles — GOLD аккаунты, как это было в 2009 году
Наткнулся на скриншот выше и навеяло воспоминания… На скриншоте программа лояльности от depositfiles в виде бонусных ключей, которые предоставлялись за...
Большие перемены — новый домен devarts.pro и новый курс развития сайта
Реализовал свою давнюю задумку по смене домена сайта-блога artemmian.ru на что-то более звучащее, а заодно и переименоваться в сети на...
Free Trial SSL — как обновить 90-дневный бесплатный сертификат.
Незаметно подошел к концу срок действия бесплатного 90-дневного Free Trial SSL от Comodo, который я оформлял через GogetSSL. Оказалось, что...
Падение и рост ТиЦ применяя принудительный 301 редирект с HTTP на HTTPS
Три месяца назад ушел с HTTP в пользу SSL и HTTPS, ТиЦ был 10 и оказался перед выбором. Оставлять открытым...
Сайт вышел из под АГС, ТиЦ снова равен 10
Сайт вышел из под фильтра АГС, а может даже и Минусинска, после того, как более полугода находился по параметру ТиЦ...

Комментарии

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

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