Знакомство с псевдо-классами

В отдельных случаях без псевдоклассов просто не обойтись. Они определены в различных CSS спецификациях (CSS2 или CSS3) и без проблем поддерживаются большинством браузеров, за исключением IE.

Знакомство с nth-child

В данной статье мы подробно рассмотрим принцип действия CSS селектора, а точнее псевдоселектора с именем :nth-child.

Замещаемые элементы

Замещаемые элементы, в отличие от других элементов страницы, могут иметь истинные размеры – ширину (width) и высоту (height), значения которых определяются свойственными внешнему объекту размерами.

WordPress плагин Profile Builder — обзор

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

Вариант веб-страницы для печати

Средства CSS спецификации позволяют веб-разработчикам без труда создавать различные варианты представления страниц в зависимости от способа их отображения (монитор, принтер и не только).

Способ верстки слоями

Данный способ верстки кода документа основан на использовании блочных элементов HTML структуры страницы. Эти элементы выполняют функцию контейнеров и изображаются в форме прямоугольника…..

Советы по применению CSS спрайтов

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

Сложный способ GIF анимации

Перевод статьи Джона Скиннера Animated GIFs the Hard Way, в которой автор представляет новый, оригинальный способ анимации, который он применил при создании презентационного сайта для редактора Sublime Text.

Ширина в медиа запросах и вертикальный скроллбар

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

Семантическое ядро сайта

Что же представляет собой семантическое ядро? Все очень просто – это понятие можно с легкостью раскрыть, представив его списком поисковых фраз, по которым продвигается сайт в поисковых системах.

Применение Flexbox – комбинация старой и новой версии с целью обеспечения улучшенной поддержки в браузерах

Перевод статьи, в которой Крис Койер предлагает комбинированный способ использования CSS3 модуля Flexbox для улучшенной поддержки в барузерах адаптивного шаблона веб-страницы.

Причины потери доменного имени

Защита доменного имени – это насущный вопрос многих их владельцев, которому необходимо уделять достаточно внимания, в противном случае ситуация может измениться не в лучшую сторону.

Подбор цветовой гаммы для сайта

Цветовое оформление внешнего вида страниц сайта имеет огромное значение и при профессиональном подходе позволяет веб-дизайнеру создать необходимую атмосферу сайта, соответствующую его тематике и назначению.

Основной вопрос SEO – ключевые слова

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

Определение кликабельной области элемента

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

Обзор HTML5 спецификации

Перевод статьи Лаклана Ханта «A Preview of HTML5», которая является кратким экскурсом в возможности HTML5 спецификации. Хотя некоторые моменты в ней поставлены под сомнение другими веб-разработчиками.

Карта сайта на WordPress

Важность такого компонента сайта как его карта очевидна для любого веб-разработчика и владельца ресурса. Она выполняет две основные функции.

Информационная архитектура сайта и ее оптимизация

Информационная архитектура сайта представляется в виде списка всех его компонентов, имеющего жесткий иерархический порядок. Чтобы структура веб-узла была максимально упорядоченной и понятной, необходимо провести предварительный анализ всей информации, планируемой к размещению на сайте.

IFrames. Возможность включения контента из внешнего источника в ваши веб-страницы с помощью встроенных фреймов

Встроенные фреймы () являются единственным допустимым видом фреймов в новой версии HTML5. С их помощью вы можете добавить на ваши веб-страницы контент из сторонних источников.

Гостевые посты

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

Гостевой пост

Данная статья для тех, кто все еще не знаком с таким понятием как гостевой пост, для чего он нужен и какое значение занимает в продвижении и раскрутке сайта.

Фиктивные колонки

Перевод статьи знаменитой стати Дэна Седерхольма — Faux Columns, в которой автор предлагает простой и в тоже время эффективный способ создания колоночного шаблона сайта.

Фантазируйте, это позволит вам создавать лучшие сайты

Минимальные базовые понятия, используемые для построения пользовательского интерфейса ресурса, правильное манипулирование которыми позволяет создать максимально благоприятные условия для пользователя.

Элемент <main>

Не так давно W3C концорциумом было заявлено о введении нового элемента

в HTML5 спецификацию. В статье рассказывается о его назначении и приведен пример практического использования.

DOCTYPE и режимы работы браузера

Именно такой декларацией руководствуется браузер в ходе выбора режима, который будет использоваться для отображения страницы. Причем, здесь необходимо отметить несколько нюансов.