Тестирование HTML элементов в контенте или reset 2.0

Автор — Геннадий Уханов   10/09/2010

Сегодня я хотел бы поднять довольно больную тему верстальщиков, а именно как должен выглядеть контент сайта.

Для начала приведу пример из жизни любого верстальщика — вы верстаете обычный сайт, три странички, главная, новости и контетная. Все вроде бы отлично, и в даже в IE6 все держится отлично. Вы отдаете верстку программистам, программисты привязывают движок, сайт работает и все счастливы.

Читать далее


Концепт ePixelPerfect

Автор — Геннадий Уханов   20/06/2010

Многие верстальщики знакомы с плагином для Firefox — Pixel Perfect, существенно облегчающий жизнь при попиксельной верстке.

Правда сейчас, текущая версия работает из рук вон плохо.

Но есть и минус — этот плагин работает только под Firefox, а верстку, да и часто попиксельно — нужно проверять и в других браузерах. Да, решение, делать дизайн макета для каждой станицы отельным фоном, но… Но это долго, муторно и неудобно. А аналогов Pixel Perfect для других браузеров — мы не нашли.

По мотивам Extend Grid мы решили написать еще один плагин, аналог Pixel Perfect, но уже как плагин в виде JQuery (а почему и нет?), который будет работать в любом браузере.

Читать далее


Footer Stick — прибитый к низу футер

Автор — Геннадий Уханов   16/06/2010

На тему «footer stick», прибитого к низу футера, написано немало статей, выложено немало решений. В этом рецепте опишем наше решение.

Поставленные задачи

  • Кроссбразерность (c IE6)
  • Никакого JS
  • Простая разметка — никаких пустых и лишних элементов
  • Хотелось бы без заданной высоты для футера, но увы, никак. Без JS по крайне мере

Читать далее


О форматировании CSS

Автор — Геннадий Уханов   21/05/2010

Рано или поздно, любой программист задается вопросом о форматировании и структуризации своего кода. Как и любой верстальщик. Но единого стандарта для CSS еще нет и каждый верстальщик волен создавать свои правила, отталкиваясь от своих нужд и потребностей.

В этом посте хотелось бы рассказать о наших правилах форматирования CSS, которые мы используем в своих проектах, на стадии разработки.

Внимание! Если вы читаете этот пост через RSS — вполне возможно, что примеры будут отображается некорректно, поэтому если интересно, рекомендую смотреть здесь, на сайте.

Читать далее


Печать фоновых картинок

Автор — Геннадий Уханов   15/05/2010

На We love CSS мы запускаем новую категорию, под названием Рецепты. Рецепты — это более короткие и конкретные заметки, где больше практики, чем теории. Причем рецепты будут появляться чаще, чем более объемные тематические статьи, так как встретилась задача → решили → протестировали → в блог :)

А разные и порой нетривиальные задачи мы решаем каждый день. Более-менее интересные будем выкладывать здесь.

Задача

Довольно часто случается так, когда светлый логотип расположен на темном фоне. При печати этот логотип будет просто не виден, так как фон по умолчанию белый.

Как быть?

Читать далее