HTML и CSS приемы

Последние публикации раздела

• Верстальщику о шрифтах. Часть I: Безопасные шрифты

  добавлено 10.03.2010

  Хороший дизайнер, как и хороший верстальщик, знает, что браузер, как правило, может использовать для отображения страницы только те шрифты, которые установлены на компьютере у пользователя. Возможно ли обеспечить одинаковое отображение шрифтов в разных платформах и разных операционных системах? Как определить какие шрифты можно использовать, а какие необходимо подменять или делать картинками? Попробуем разобраться.

• Параметры для вставки объектов

  добавлено 07.03.2010

  При вставке тега object в HTML или динамической вставке flash с помощью SWFObject, может использоваться уйма разных параметров. Грамотный HTML кодер должен разбираться в этой теме. А начинающим, надеюсь, поможет данная статья.

• Валидный target="_blank"

  добавлено 28.02.2010

  На многих сайтах применяется практика открывать внешние ссылки в новом окне. Как правило, для этого используется атрибут target тега <a>. Открытие ссылки в новом окне не стоит применять без крайней необходимости. Но если все же это сделать нужно, давайте по крайней мере попробуем найти валидное решение.

• Псевдоэлемент before для маркера списка

  дополнено 27.02.2010

  Динамическая вставка контента с помощью псевдоэлемента before позволяет избежать использования дополнительной картинки и, соответственно, несколько уменьшить нагрузку на сервер. Для списков в контентной области сайта, где оформление бывает скромным это хороший вариант. Связка before+first-child дает возможность избавиться от лишних классов и элементов при верстке «хлебных крошек» и некоторых видов меню.

• Градиент: CSS3 против CSS2 + картинка

  добавлено 16.02.2010

  CSS свойства linear-gradient и radial-gradient, описанные в проектах спецификации CSS3 дают нам мощный механизм создания градиентов. Но, так как фактически данная спецификация еще не окончена пройдет, наверно, немало времени пока мы сможем использовать эту мощь в своей работе. Тем не менее все большее число браузеров в том или ином виде поддерживает CSS-градиенты.

• Эмуляция псевдоэлементов after и before для IE 6-7

  добавлено 11.02.2010

  Используя псевдоэлементы after и before можно вставлять автоматически генерируемый контент до и после элемента HTML. На данный момент безопасно использовать after и before как минимум для Opera, FF, Safari, Chrome, IE8. Попробуем добавить в этот список IE6-7

• Подмена текста изображением

  добавлено 29.01.2010

  Иногда дизайнеры используют красивые (нестандартные) шрифты, например, для заголовков, пунктов меню, эффектных ссылок. Если решено было делать их картинками, тогда воспользуйся техникой замены текста изображением — правило хорошего тона.

• Нестандартные radio

  добавлено 28.01.2010

  Переключатели radio практически не поддаются изменению внешнего вида — ни размеры, ни бордюры, ни фон, ни тем более цвет и вид точки изменить нельзя (по крайней мере кроссбраузерно). Задача — научиться менять вид радиобатонов, т.к. довольно часто приходится на практике с этим сталкиваться.

• Тень для текста (кроссбраузерное решение)

  добавлено 24.01.2010

  Тени придают объемность дизайну и сейчас это пользуется большой популярностью. Будет полезным иметь в своем арсенале приемов навыки работы с тенями для текста.

• Убираем отступы у checkbox и radio

  добавлено 28.12.2009

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