Гибкость и Структурированность Oбъектно Oриентированноя CSS

1. Структурированный и гибкий объектно ориентированный CSS Иванова Виктория Frontend Developer

2. КАК ОБСТОЯТ ДЕЛА. main.css

3. ИДЕЯ. • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность

4. РЕАЛИЗАЦИЯ. ООP ООCSS

5. OOP. ПОДХОД. Наследование Полиморфизм Инкапсуляция Составные части системы

6. ООP. • Наследование

7. ООP. • Наследование

8. ООP OOCSS • Наследование

11. ООP OOCSS • Наследование ДУБЛИРОВАНИЕ

12. СВЕРИМ ПЛАН ? • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность

13. ООP. • Полиморфизм

14. ООP. • Полиморфизм

15. ООP OOCSS • Полиморфизм

20. ООP. • Инкапсуляция

21. ООP. • Инкапсуляция

22. ООP OOCSS • Инкапсуляция

27. ООP Компоненты системы

28. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ

30. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ .product-catalog

31. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ .product-catalog_list

32. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ .product-catalog_grid

37. МОДУЛЬНОСТЬ

38. МОДУЛЬНОСТЬ Контент Контейнер

39. МОДУЛЬНОСТЬ Контент Контейнер

40. МОДУЛЬНОСТЬ • Reset.css • Init.css • Layout.css • Blocks.css

42. ПРЕИМУЩЕСТВА

43. ПРЕИМУЩЕСТВА • Меньше строк кода CSS • Чище разметка • Семантика для SEO • Масштабируемость • Гибкость • Командная работа

44. РИСК.

45. РИСК. Только большие проекты Поддержка и создание библиотек Наличие документации

47. ВОПРОСЫ.

Recomendados