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

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

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

Итоги прошедшего 2020 года и планы на 2021
С большим опозданием и с целью запомнить для себя публикую в середине февраля. Точнее, наконец-то определился с планами на год....
Полный гайд по миграции с CMS DLE на WordPress
Данный сайт в апреле 2019 года полностью переехал на CMS WordPress и в июне, после завершения всех правок (а их...
Depositfiles — GOLD аккаунты, как это было в 2009 году
Наткнулся на скриншот выше и навеяло воспоминания… На скриншоте программа лояльности от depositfiles в виде бонусных ключей, которые предоставлялись за...
Итоги 2018 года и планы на 2019
Год прошел для меня под знаком IT-технологий и криптовалют. Немного трейдил, майнил, но в сентябре, когда начался спад, вышел из...
Итоги 2017 года, планы на 2018
Год был богат на события: новый домен для блога, уход с работы, хайпы, разработка собственной экономической игры, инвестиции, пирамиды, криптовалюты...

Комментарии

Бесполезно писать спамные сообщения. Все комментарии проверяются;
Можно оставлять ссылки (через <a href), если они несут полезную информацию или дополняют статью;

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