10 советов Веб-разработчику относительно CSS

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

Проблемы совместимости браузеров

Совместимость браузеров является одной из главных задач в создании веб-сайтов. Чтобы убедиться, что ваш сайт нормально работает во всех браузерах, вы должны быть уверены, что каркас сайта выглядит одинаково во всех браузерах. Различные браузеры представляют веб-страницы по-разному. Вот почему внешний вид вашего сайта может существенно различаться в двух разных браузерах. Хотя, даже при одинаковом отображении, расположение некоторых элементов может немного изменятся. Тестируя дизайн страницы на одном браузере,всегда помните, что он может отличаться на другом. Поэтому убедитесь, что протестировали сайт на различных браузерах и исправили все несоответствия.

Дизайн для браузеров небольших резолюций

Разработчики обычно создают свои веб-сайты перед большими мониторами. Однако не все могут позволить себе это. Только часть Интернет населения использует большие мониторы для доступа в Интернет и просмотра веб-сайтов. Проверьте резолюции браузеров посетителей вашего сайта. Веб-сайт выглядит совсем иначе на мониторе с разрешением 1024X768 и на мониторе с разрешением 800x600. Таким образом, вы должны убедиться, что ваш сайт выглядит хорошо на обеих резолюциях, больших и малых. Предупреждение: проблема с меньшими резолюциями браузера является то, что изображения и элементы страницы могут блокировать друг друга и привести к неправильному отображению страницы.

Используете фреймворки

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

Используете общие классы

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

Проверяете HTML код валидатором

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

Проверяете CSS код валидатором

Всегда убедитесь, что проверили CSS код и устранили все ошибки. Только так вы можете получить надежный и кроссбраузерный CSS код.

Избегайте больших фоновых изображений

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

Используете CSS разумно

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

Не размещайте CSS непосредственно в HTML-коде

Не смотря на то, что так удобнее и быстро можно протестировать, но это не хорошо работает в рабочем коде. Всегда держите HTML и CSS отдельно.

Используете как можно меньше файлов

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