Бесцеремонно сперев psd макет сайта целевой страницы какого-то ателье по пошиву одежды, я решил в очередной раз сверстать красоту. Просто мне понравились сочетания цветов и шрифты и я приступил к работе. Открыл notepad++, создал файлы индекс и таблицы стилей, набросал html разметку и приступил к css. Я предпочитаю как можно больше использовать возможности CSS3, вставляя изображения только там, где нужны именно изображения, а такие элементы как градиенты, тени, нестандартные шрифты и многое другое уже давно верстается одним только кодом. Первая нестандартная задача, которую пришлось решать в данном проекте это необычная форма блоков. Я не нашёл иного способа, кроме как искажать элементы, делая наклон, затем искажать в противоположном направлении его потомка. Следующий блок либо наползает сверху, либо прячется под предыдущий, благодаря отрицательному margin и манипуляциями с z-index. Получились такие четырёхугольники и трапеции. Верстаю пока только под chrome, но добавлю поддержку и других браузеров позже, для начала необходимо ещё реализовать обратный отсчёт, форму и запилить слайдер. Вторая разрешённая трудность обстояла в задании градиента тексту. На сколько я знаю, такая возможность в CSS отсутствует. Пришлось найти скрипт, который строку за строкой разукрашивает буквы в разные цвета, добавляя при этом очень много html кода, к тому же скрипт, по-видимому, рассчитан на стандартный шрифт, и задаёт фиксированную ширину для строки, которая в моём случае должна была быть немного поуже. Это немного портит выравнивание по центру, что не соответствует макету. А самое главное в вёрстке считается максимальное соответствие внешнего вида готовой страницы и растрового изображения, нарисованного макета. Продолжаю работать. То бе континюед какбэ

Ссылка на то, как это выглядет на данный момент: http://radiostepdemo.16mb.com/old/landing1/