5 рекомендаций по созданию качественной веб-формы

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

Ускорение загрузки Вашего сайта: Указание атрибутов 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 для всех изображений

Одна из наиболее распространенных ошибок CSS-верстальщиков. Пример качественной организации CSS-стилей

Автор: CrucialWebHosting.com Перевод: Всеволод Козлов При работе с CSS новички (да и не только) допускают одну и ту же грубейшую ошибку – забывают сбрасывать дефолтные стили браузера. Обычно эта оплошность приводит к некорректному отображению сайта в различных браузерах. Когда так происходит, верстальщики начинают злостно обвинять тот или иной «некорректно» работающий браузер во всех мирских грехах, в то время как виноваты именно они сами, их невнимательность и халатность! Поэтому Вы должны взять себе за правило, «намотать на ус», как Вам больше нравится, каждый раз перед началом создания таблицы стилей CSS производить сброс дефолтных стилей браузера. Наиболее популярным и распространенным способом сброса дефолтных стилей является global reset, но он не является панацеей, при работе с ним также возникают трудности. Например, под него попадают такие элементы форм как кнопки и fieldset’ы. Из-за этого они теряют свой первоначальный, стандартный стиль оформления, предустановленный браузером. Чтобы избежать подобных «переусердствований», Вам не следует повсеместно использовать global reset, вместо него просто перечислите те элементы, дефолтные параметры которых требуется сбросить! Ниже я привожу пример оптимально организованной таблицы стилей CSS, которая спокойно может служить примером поистине качественной организации CSS-стилей. Замечу, что я удалил оттуда некоторые стили для облегчения понимания! Читать далее Одна из наиболее распространенных ошибок CSS-верстальщиков. Пример качественной организации CSS-стилей

Стили CSS — создаем рамку вокруг видимой области веб-браузера

Автор: Крис Койер Перевод: Всеволод Козлов Hicksdesign презентовали свой новый дизайн, изюминкой которого стала необычная и ранее невстречаемая рамка вокруг видимой области веб-браузера отличного от фона цвета. Я подумал, что технология создания этой рамки будет интересна моим читателям и предлагаю Вам ознакомиться с требуемым для реализации кодом. Читать далее Стили CSS — создаем рамку вокруг видимой области веб-браузера

Стили CSS — центрируем объекты на веб-странице

Автор: Крис Койер Перевод: Всеволод Козлов В связи с большим количеством вопросов относительно того, как выровнять какой-либо объект по центру веб-страницы, я и решил написать данный мануал. Я привожу решение как для адекватных браузеров, так и для Internet Explorer 6! Читать далее Стили CSS — центрируем объекты на веб-странице

Стили CSS — Перечень запрещенных атрибутов, находящихся в широком использовании у веб-мастеров

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

Ускорение загрузки Вашего сайта: Оптимизация CSS-файлов

Автор: Даниэль Скокко Перевод: Всеволод Козлов Каскадные таблицы стилей делают веб-сайты гораздо более удобными, т.к. они позволяют браузерам кэшировать стили, применимые к данному сайту, находящиеся в файле .css. Благодаря этому, сразу же отпадает необходимость в считывании стилей из раза в раз с загрузкой каждой новой страницы. Несмотря на то, что CSS в разы облегчает сайт, оптимизация CSS-файлов просто необходима, если, конечно, Вы хотите ещё более ускорить загрузку Вашего сайта. Во-первых, найдите все разгруппированные записи в коде и объедините их в одну строку. Ниже будут приведены примеры: Читать далее Ускорение загрузки Вашего сайта: Оптимизация CSS-файлов