6 основных рекомендаций по улучшению качества вёрстки веб-страниц

Автор: Роджер Йохансон Перевод: Всеволод Козлов Я уже не раз упоминал о том, что для меня процесс вёрстки веб-страниц (или написания различного рода кода) – искусство. Я получаю немыслимое удовлетворение от процесса написания компактного и чистого кода, насколько только это возможно. Подобные чувства может испытывать только истинный профессионал своего дела, а их, к сожалению, не так много, но всё же есть. Один из них, Гаррет Даймон, в своё время затронул эту тему в своей статье Искусство вёрстки (эта статья была опубликована в Digital Web Magazine). В ней он привёл 21 рекомендацию по улучшению качества вёрстки. Несмотря на столь большое количество рекомендаций, каждая из них содержит весьма ценный и практичный совет. Я настоятельно рекомендую Вам ознакомиться с этой статьёй! После прочтения статьи Гаррета я не смог удержаться от порыва написать список из 6, по моему мнению, наиболее основных рекомендаций по улучшению качества вёрстки: Читать далее 6 основных рекомендаций по улучшению качества вёрстки веб-страниц

Свойства CSS: list-style-position

Перевод: Всеволод Козлов Наша цель: сделать так, чтобы маркер списка не портил дизайн так, как показано на рисунке ниже. Читать далее Свойства CSS: list-style-position

Ускорение загрузки Вашего сайта: Указание атрибутов Height и Width для всех изображений

Автор: Даниэль Скокко Перевод: Всеволод Козлов Данный фактор является очень важным, но, к сожалению, упускается многими веб-мастерами. Когда Вы используете таблицы и изображения на веб-страницах, Вам следует указывать атрибуты height и width. Если браузер не найдёт данных атрибутов, ему понадобится время ан то, чтобы узнать размер изображения, загрузить само изображение и только после этого продолжить загружать веб-страницу. Ниже приведён пример кода, содержащего данные атрибуты: <img id=»moon» height=»200″ width=»450″ src=»http://www.domain.com/moon.png» alt=»moon image» /> Когда данные атрибуты height и width присутствуют, браузер автоматически «бронирует» место под изображение указанных размеров и продолжает загружать веб-страницу дальше. Помимо ускорения загрузки веб-страниц, добавление этих двух атрибутов позволяет пользователям приступить к чтению контента сайта, в то время как изображения будут загружаться. Читать далее Ускорение загрузки Вашего сайта: Указание атрибутов Height и Width для всех изображений

5 техник по улучшению структуры Вашего CSS-кода

Автор: SmashingMagazine.com Перевод: Всеволод Козлов Как только Вы закончили работу над очередным проектом, Вам свойственно через некоторое время забыть о его тонкостях — о многочисленных дивах, классах и идентификаторах. Чтобы понять свой код через несколько лет, он должен быть четко структурирован. Некоторые поясняют код комментариями, кто-то еще каким-либо образом. На данный момент придуманы реально удобные и простые способы сделать свой код понятным. В этой статье я ознакомлю Вас с 5 техниками улучшения структуры Вашего CSS-кода. Перед тем, как приступить, мне бы очень хотелось, чтобы Вы обратили внимание на следующие статьи: 70 экспертных идей по улучшению CSS кода CSS-инструментарий Читать далее 5 техник по улучшению структуры Вашего CSS-кода

5 наиважнейших отчётов Google Analytics для блоггеров

Автор: Даниэль Скокко Перевод: Всеволод Козлов Большинство блоггеров знает, что собой представляет такая мощнейшая и бесплатная система статистики посещаемости, как Google Analytics. Повышенный интерес к данной системе создаёт возможность интеграции между Google Analytics и Google AdWords. Но для обычных рядовых блоггеров данная система имеет огромное множество ненужных отчётов. Но это ведь не беда, не так ли?! В данной статье я хочу поделиться с Вами 5 наиважнейшими отчётами Google Analytics для блоггеров. Для удобства я сделал скриншоты каждого из отчётов, поэтому Вы легко сможете найти путь к данному отчёту из своего аккаунта, ориентируясь по скриншотам. Читать далее 5 наиважнейших отчётов Google Analytics для блоггеров

25 качественных, креативных и юзабельных панелей навигации

Автор: VandelayDesign.com Перевод: Всеволод Козлов Поскольку навигация по сайту — один из важнейших элементов, влияющих на юзабилити сайта, ему должно уделяться самое что ни на есть особое и пристальное внимание. Чтобы не быть голословным, я подготовил для Вас подборку из 25 качественных, креативных и юзабельных панелей навигации! Посмотрите их, проаналищируйте. Это отличные примеры креативных и в то же время юзабельных панелей навигации. Читать далее 25 качественных, креативных и юзабельных панелей навигации

Стили CSS — Прячем Текстовый Заголовок Страницы за Изображением

Автор: Крис Койер Перевод: Всеволод Козлов Как Вы, наверное, прекрасно знаете, заголовки являются одними из важнейших элементов веб-страниц для поисковых систем. Обычно веб-мастера помещают основной заголовок сайта между тегами <h1>. Однако, такой заголовок далеко не всегда будет красиво смотреться. В таких случаях, веб-мастерам выгоднее заменить его красивым графическим заголовком, жертвуя текстовым гораздо более эффективным аналогом. Я же хочу предложить Вам решение, способное совместить текстовый и графический заголовки! Читать далее Стили CSS — Прячем Текстовый Заголовок Страницы за Изображением

Кто Ваш посетитель? Составляем среднестатистический портрет представителя Вашей целевой аудитории

Автор: SmashingMagazine.com Перевод: Всеволод Козлов Многие веб-мастера не имеют абсолютно никакого представления о своих посетителях: не знают, какой браузер они используют, какое у них разрешение экрана, какая у них пропускная способность интернет-канала и т.д. Другими словами – у них нет среднестатистического портрета представителя целевой аудитории их сайта. Чтобы удовлетворить свою целевую аудиторию, необходимо знать о ней как можно больше. Только в этом случае Вы сможете добиться значимого успеха. По опросу 50.4% респондентов максимизируют окна браузера. Данные предоставлены на основании проведенного Роджером Йохансоном опроса. Нет ничего более важного, чем данные, получаемые с инструментов сбора статистики по сайтам. На основании этих данных мы узнаем техническую оснащенность нашей аудитории, а так же пристрастия ее представителей. В данной статье мы хотим опубликовать данные исследований технических характеристик интернет-пользователей. Помните, приведенные ниже результаты являются усредненными. Они могут колебаться в зависимости от тематики и других факторов. Читать далее Кто Ваш посетитель? Составляем среднестатистический портрет представителя Вашей целевой аудитории