UGgallery

Забавный эксперимент по верстке без DIV-ов, с использованием UL- и DL-списков.

Несколько ссылок, в продолжение вчерашней темы про шаблоны, с блоками, меняющими расположение при изменении размеров окна.

• Variable fixed width layout — статья, пример
• Width-based layout — скрипт для работы с такими шаблонами
• UX Mag — пример
• Dynamic Resolution Dependent Layout — статья, пример (про это я уже писал)
• Resolution dependent layout

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

CSS Drop Column Layout — боковые колонки перемещаются по странице, в зависимости от ширины окна. Еще одна реализация старой, в общем-то, идеи. HTML, CSS — ничего больше.

PS: На CSS Blast лучше перевели название, назвали это “опадающими” блоками. Так гораздо лучше.

Онлайновый редактор FormArchitect позволяет генерировать валидные кросс-браузерные HTML-формы без использования таблиц. Возможны сложные формы в несколько колонок, с валидацией ввода на Javascript. Полная поддержка стандартов и отсутствие ошибок в коде. Все для экономии сил и времени разработчика. На любом рабочем месте и абсолютно бесплатно.

Энди Кларк представил новый интересный вариант трехколоночного “резинового” дизайна, с фиксированной центральной колонкой. То есть, при прокрутке страницы, центральная колонка остается на месте, а шапка и боковые колонки прокручиваются.

Далее »

Статьи Майка Стенхауза

Modular CSS

Группировка CSS по отдельным файлам-модулям: типографика, формы, навигация, структура страницы, цветовые схемы.

A CSS Framework

Шаблон для нескольких видов страниц на основе типичных структурных элементов.

Playing Nice with the Other CSS Kids

Методы групповой работы c CSS.

Статья на сайте And All That Malarkey

What’s in a name (pt2)

Набор ID для типичных элементов страницы.

In search of the One True Layout. Алекс Робинсон задался целью создать универсальный шаблон для бестабличной верстки. Основные свойства шаблона:

1. произвольный порядок блоков-колонок вне зависимости от кода;
2. любое количество колонок;
3. колонки одинаковой высоты без использования “faux columns”;
4. контроль за вертикальным расположением элементов для создания “сетки”.

Вот пример использования шаблона.

PS: Multi-Unit Any-Order Columns Эрика Меера.