Skip to content

Latest commit

 

History

History
18 lines (10 loc) · 2.64 KB

README.md

File metadata and controls

18 lines (10 loc) · 2.64 KB
  1. Главное! Используем pixel-perfect, если заказчик предоставил макет;

  2. Не подключать стили с удаленных источников - только с наших серверов;

  3. CSS - опасная сила;

    Все стили, подключаемые к странице, являются глобальными, и если этим злоупотреблять, то можно легко довести проект до состояния крайнего болезненного внедрения любого нового элемента или изменения старого. Это чаще всего происходит, когда создаются "общие" классы, потом крепятся к разным элементам на странице (банальный пример - шапка, у которой внутри форма поиска, которая есть на всех страницах с одинаковыми классами) и в итоге, когда по дизайну на разных страницах появляются небольшие отличия в шапке, плодятся классы, переписывающие свойства. И так почти для всех элементов каждой страницы. В итоге, меняя крайнюю правую ссылку, в сайдбаре на странице новостей вы можете поломать верстку всего сайдбара на какой-нибудь другой странице, например, странице личного кабинета.

    Для того, чтобы такого не происходило, существуют разные методологии, например, БЭМ (прочитать про него обязательно хотя бы в общих чертах) или, например, rscss. Для начала можете изучить небольшой подход, который используют ребята из Isobar - он описан в рамках их стандарта и состоит из 7 небольших абзацев.

  4. Общие требования;

  5. Правила;

  6. Шрифты;

  7. БЭМ;

  8. Возможные ошибки;