На днях столкнулся с задачей:

Сделать две одинаковые по высоте <div>-колонки, не зависимо от количества текста в какой либо из них.

Условия:

1. Никаких таблиц;
2. Поддержка IE6+ и т.д;
3. Резиновая верстка;
4. Никакого JavaScript, чистый HTML и CSS.

Дизайн:

В дизайне изображены две колонки с отступом друг от друга. Каждый из них имеет свой фон и border с округленными уголками. На вид все просто.

Поиск решений:

Искал и естественно нашел очень полезный пост, где описаны все самые действенные способы решения данной задачи: http://habrahabr.ru/post/64173/.
Собственно 4-е решение из этого поста было наиболее приемлемым, но с помощью него мне так и не удалось вывести два разных фона для своих колонок.

Решение

Читать дальше →

Responsive design = отзывчивый дизайн = адаптивный дизайн = аксиома. Минимальная история развития веб дизайна: его путь от фиксированного до жидкого и до отзывчивого (реагирующего, адаптивного, responsive) дизайна

Собственно уже давно в планах возродить блог до было активности. Уверенно сдвигал это дело до конца отпуска, и вот писец! Точнее конец. Ну тобишь наступил. 31 день отдыха с дорогой, сначала в Адлере, потом в Тюмени, и вот с понедельника всё пытаюсь войти в рабочий ритм. Вспомнил и про планы на блог. Собственно возрождение было решено начать с нового дизайна, который [...]

Создание качественного и востребованного продукта — это, как правило, результат слаженной работы нескольких производственных цепочек. Важно уметь «подружить» эти цепочки и настроить их на совместную работу.

Сегодня хотелось бы поговорить о том, как кодер видит дизайн C этим вопросом я отправился к техническим специалистам компании TemplateMonster Russia. Им слово…


Читать дальше →