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


Понравилась статья "FlexyFlat - новый шаблон и новая техника верстки" из раздела Мои эксперименты » Жизнь devarts.pro? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 3130   Дата: 12-июл-2015, 21:56

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика