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

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

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

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



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

float: left на display:flex

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

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

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

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