Гибкость и Структурированность Oбъектно Oриентированноя CSS
0 likes•643 views
Документ описывает подходы к созданию структурированного и гибкого CSS с использованием объектно-ориентированного программирования (ООП) и OOCSS. Основные акценты ставятся на отсутствие дублирования, гибкость, повторное использование и модульность кода, а также на преимущества при использовании таких методов, включая чистоту разметки и улучшенную семантику для SEO. Также упоминаются потенциальные риски, связанные с поддержкой больших проектов и необходимостью наличия документации.
Гибкость и Структурированность Oбъектно Oриентированноя CSS
- 1. Структурированный и гибкий объектно ориентированный CSS Иванова Виктория Frontend Developer
- 2. КАК ОБСТОЯТ ДЕЛА. main.css
- 3. ИДЕЯ. • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность
- 4. РЕАЛИЗАЦИЯ. ООP ООCSS
- 6. ООP. • Наследование
- 7. ООP. • Наследование
- 8. ООP OOCSS • Наследование
- 9. ООP OOCSS • Наследование
- 10. ООP OOCSS • Наследование
- 11. ООP OOCSS • Наследование ДУБЛИРОВАНИЕ
- 12. СВЕРИМ ПЛАН ? • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность
- 13. ООP. • Полиморфизм
- 14. ООP. • Полиморфизм
- 15. ООP OOCSS • Полиморфизм
- 16. ООP OOCSS • Полиморфизм
- 17. ООP OOCSS • Полиморфизм
- 18. ООP OOCSS • Полиморфизм
- 19. СВЕРИМ ПЛАН ? • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность
- 20. ООP. • Инкапсуляция
- 21. ООP. • Инкапсуляция
- 22. ООP OOCSS • Инкапсуляция
- 23. ООP OOCSS • Инкапсуляция
- 24. ООP OOCSS • Инкапсуляция
- 25. ООP OOCSS • Инкапсуляция
- 26. СВЕРИМ ПЛАН ? • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность
- 28. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ
- 29. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ
- 30. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ .product-catalog
- 31. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ .product-catalog_list
- 32. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ .product-catalog_grid
- 33. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ
- 34. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ
- 35. ООP OOCSS КОМПОНЕНТЫ СИСТЕМЫ
- 36. СВЕРИМ ПЛАН ? • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность
- 37. МОДУЛЬНОСТЬ
- 40. МОДУЛЬНОСТЬ • Reset.css • Init.css • Layout.css • Blocks.css
- 41. СВЕРИМ ПЛАН ? • Отсутствие дублирования • Гибкость • Структурированность • Повторное использование • Модульность
- 42. ПРЕИМУЩЕСТВА
- 43. ПРЕИМУЩЕСТВА • Меньше строк кода CSS • Чище разметка • Семантика для SEO • Масштабируемость • Гибкость • Командная работа
- 44. РИСК.
- 45. РИСК. Только большие проекты Поддержка и создание библиотек Наличие документации
- 47. ВОПРОСЫ.