Когда у людей проблемы с CSS

Каждый день выходит огромное количество всяких полезных статей и рекомендаций о том как написать грамотно свой CSS код. Но разработчики плевать хотели на стандарты.

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

Заходишь на сайт дизайн хороший, а верстка хромает. Так вот хочу отметить самые распространенные ошибки, которые надо стараться избегать.

Именование классов

Частая ошибка это именование классов. Тут кто на что горазд. Чаще всего проблема возникает по причине того, что разработчик плохо знает английский язык или у него очень плохая фантазия, он просто хочет сэкономить время, просто лень. Хочу дать совет как этого можно избежать. Понять, что будет из себя представлять данный элемент или блок. Это тоже самое что разделить музыку на определенные жанры. Например у нас есть контент музыки. Мы ее храним в папке Музыка в этой папке мы можем хранить другие жанры, рок, поп, хип-хоп и т.п. Вы же не называете папку с музыкой Фильмы. Если придумали название, не надо писать его на русском, используйте переводчик.

Лишний код

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

Адаптивность

Тут я бы хотел поговорить о адаптивности сайтов. Большая часть сайтов не является адаптивными для всех устройств. Да именно для всех. Почему я акцентирую внимание на этом. А все потому, что большая часть сайтов остается недосягаема для устройств с малыми размерами экранов. Выглядит все примерно следующим образом: -Хм неплохо смотрится на этом мониторе, а планшете тоже ничего и на телефоне с большим экраном тоже, ой а на маленьком не очень ну и ладно кто ими сейчас пользуется… Кстати говоря я еще не упомянул мониторы у которых размер экрана больше 22 дюймов. Тут следующая проблема, куча свободного места на экране и текст который едва видно. Бесит? Неприятно? Согласен. Еще одна из проблем при адаптиве, это когда блоки и текст и все прочее начинает вылезать там, где вы бы не хотели этого видеть на различных экранах. Возникла данная проблема откатитесь на второй пункт. Вам дали задание сделать адаптивный сайт под все устройства? Хорошо подумайте, что лучше всего нужно использовать. Какую единицу измерения использовать, чтобы не писать лишний код, как сделать адаптивные изображения, как заполнить весь экран контентом, чтобы не раздражало пустое пространство. На заметку почему адаптив нужен сегодня. Хороший доклад на тему адаптива и к нему есть интересные ссылки.