Gastarbayteroff.NET

Много раз я видел как верстальщики форматируют CSS-код вытягивая правила в одну строку за селектором и всегда очень удивлялся — зачем они так? Понимание того, что такое форматирование кода приводит к большим проблемам, затрудняет скорость восприятия свойств и увеличивает шанс допустить ошибку привело меня к написанию этой статьи.

Два дня назад я представил на Хабре задачу по компоновке силами CSS. Задача привлекла небольшое внимание разработчиков и было представлено несколько разных решений, в том числе такие, которые практически точно решают задачу.

Пообещав представить оригинальное решение я немного слукавил, потому что это решение представляет собой использование нового стандарта W3C CSS Grid Alignment Level 3, который был представлен в начале ноября на мероприятии TPAC 2010.

Публикуя задачу на Хабре я хотел посмотреть на варианты решений от разработчиков и попытаться понять, чем новый стандарт может облегчить нам всем жизнь.

Christmas Tree Vector Mix 7
9 EPS | + JPEG Preview | 24 Мб

Скачать:
depositfiles.com
letitbit.net
turbobit.net

Мега Набор 2600 Шрифтов
ttf | rar | 131.87 Mb

Шрифты - Мега Набор 2600 Шрифтов
Скачать с Letitbit.net
Скачать с Turbobit.net
Скачать с Depositfiles.com
Скачать с Shareflare.net

grafamania.net

Stock: Cup and glass in a vector
3 eps files l jpg prew l 15,48 mb

letitbit.net
hotfile.com

Stock Vectors - Xmas backgrounds
5 EPS | + JPG Preview | 11 Mb rar

DOWNLOAD:
Letitbit

iFolder

Hotfile

Удивительно векторный клипарт - 2011 Labels
Число: 1 шт. | Формат: AI+TIFF | Размер архива: 10.3 Mb

Скачать Как нельзя очень векторный клипарт - 2011 Labels:
Скачать с Letitbit.net
Скачать с Turbobit.net

Хочу предложить решить задачку на тему использования CSS для компоновки блоков. Имея следующую разметку, напишите CSS-код, который позволил бы получить компоновку представленную на картинке. Требования: используется только CSS, не использовать абсолютное позиционирование, компоновка должна быть резиновой, вопросом поддержки устаревших браузеров можно пренебречь.

Код:

<div id="grid">
    <div id="A">A</div>
    <div id="B">B</div>
    <div id="C">C</div>
    <div id="D">D</div>
    <div id="E">E</div>
</div>

Требуемый результат:

Оригинальное решение будет представлено завтра или раньше, если кто-нибудь напишет о нем в комментариях.

Довольно таки векторный клипарт «Новогодняя открытка / Более поздравительная открытка»,
файлы в формате eps, ai + jpeg превью для каждого, в действительности итого 2 файла.
Turbobit 10,46 Мб
Depositfiles 10,46 Мб

Stock Photo - Festive Christmas Invitations | 5 JPEG files | up to 3600×3600 | 63,7 MB
Скачать:
Hotfile | Letitbit