xiper.net - основы и секреты front-end разработки

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

Wed, 10 Mar 2010 00:00:00 +0000

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

Готовим Photoshop к работе

Mon, 08 Mar 2010 00:00:00 +0000

Чтобы начать извлекать полезную информацию из макета, верстальщику необходимо настроить Photoshop под свои нужды. Учимся В данном уроке научимся убирать направляющие, изменять единицы размеров блоков, менять размеры шрифтов из pt в px.

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

Sun, 07 Mar 2010 00:00:00 +0000

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

Знакомство с Photoshop

Fri, 05 Mar 2010 00:00:00 +0000

Краткий обзор функций Photoshop, на которые следует обратить внимание верстальщику.

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

Sun, 28 Feb 2010 00:00:00 +0000

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

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

Sun, 21 Feb 2010 00:00:00 +0000

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

Семантические теги на базе HTML 4.01

Fri, 19 Feb 2010 00:00:00 +0000

Перечень HTML тегов и атрибутов, которые соотвествуют букве семантики.

Теги представления на базе HTML 4.01

Fri, 19 Feb 2010 00:00:00 +0000

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

Семантический HTML код — рекомендация с большими выгодами

Thu, 18 Feb 2010 00:00:00 +0000

Семантический HTML код — это верстка с правильным использованием HTML тегов, использованием их по назначению, так как их задумывали разработчики языка HTML и веб стандартов. Но зачем и кому это нужно?

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

Tue, 16 Feb 2010 00:00:00 +0000

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