-
Главное! Используем pixel-perfect, если заказчик предоставил макет;
-
Не подключать стили с удаленных источников - только с наших серверов;
-
CSS - опасная сила;
Все стили, подключаемые к странице, являются глобальными, и если этим злоупотреблять, то можно легко довести проект до состояния крайнего болезненного внедрения любого нового элемента или изменения старого. Это чаще всего происходит, когда создаются "общие" классы, потом крепятся к разным элементам на странице (банальный пример - шапка, у которой внутри форма поиска, которая есть на всех страницах с одинаковыми классами) и в итоге, когда по дизайну на разных страницах появляются небольшие отличия в шапке, плодятся классы, переписывающие свойства. И так почти для всех элементов каждой страницы. В итоге, меняя крайнюю правую ссылку, в сайдбаре на странице новостей вы можете поломать верстку всего сайдбара на какой-нибудь другой странице, например, странице личного кабинета.
Для того, чтобы такого не происходило, существуют разные методологии, например,
БЭМ
(прочитать про него обязательно хотя бы в общих чертах) или, например, rscss. Для начала можете изучить небольшой подход, который используют ребята изIsobar
- он описан в рамках их стандарта и состоит из 7 небольших абзацев. -
БЭМ;