Ошибки верстальщиков при написании css

Главная / Блог / Ошибки верстальщиков при написании css

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


 

Нет предварительного анализа макета сайта

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

Использование для фона больших изображений

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

Использование большого количества CSS файлов

Это пустая трата сил и времени, к тому же использование большого количества файлов css плохо сказывается на  производительности. Использование нескольких CSS файлов в небольших и средних проектах усложняют работу html-верстальщикам. Необходимо вносить изменения в каждый отдельный документ. Количество файлов ухудшает производительность браузера, так как делается отдельный запрос для каждого файла. Старайтесь использовать  один или два CSS файла. 
 

Игнорирование сокращений в коде

Сокращенный код ускоряет общую обработку страницы. Простой пример сокращённого написания:

  • padding:5px 10px 0; правильно
  • padding:5px 10px 0 10px; неправильно

Сокращения также можно использовать для fonts, margins и borders. 
 

Не использование комментариев

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

Применение излишней анимации

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

Пробелы

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

 

Валидация кода

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

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

Архив
12 августа 2013 в 18:30