Upload
wakeupprovince
View
50
Download
0
Embed Size (px)
Citation preview
Наверстайте мне упущенноеПочему умная вёрстка — это важно.
Проблемы при вёрстке больших и маленьких проектов.
Сергей Козлов, фронтенд-разработчик в Эксит
Хорошо дизайнит тот, кто дизайнит последним
Артём Поликарпов
Технолог — тоже дизайнер“
6
Для разработчиков1. Скорость разработки
2. Простота поддержки
3. Возможность масштабируемости
== $
11
2. Минимальная достаточностьНе засоряйте код лишней разметкой. Используйте ровно столько,
сколько необходимо. Но не экономьте на спичках.
15
Типичные стилиp { ... }
.color1, class2, #b1 { ... }
#content > :first-child { ... }
[type=submit] { ... }
01.
02.
03.
04.
22
Значение этого элемента?<a class=" open-menu-item "></a>
• Пункт в открытом меню?
• Открытый пункт меню?
• Открывает пункт?
23
Методология — система принципов и способов организации и
построения теоретической и практической деятельности.
academic.ru“24
Популярные методологии• OOCSS
• SMACSS
• БЭМ
• MCSS
• ...
25
Следование методологиям• Порядок
• Читаемость
• Предсказуемость
• Многократное использование
• Уникальные имена
26
Значение этого элемента?<a class=" menu__item menu__item--open js-close "></a>
Открытый пункт меню, который также используется в javascript
28
Выводы и советы• Будьте ответственны
• Думайте!
• Будьте ко всему готовы
• Используйте клёвые инструменты
29
Читайте
• frontender.info
• web-standards.ru
• css-tricks.com
• ...
• Блоги крутых чуваков
30
Смотрите
• fronttalks.ru
• 404fest.ru
• webstandardsdays.ru
• ШРИ Яндекса
• ...
31