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

1,852 views

Published on

OбъектноOриентированноя CSS

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,852
On SlideShare
0
From Embeds
0
Number of Embeds
1,009
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

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

×