CSS и инструменты разработчика в браузере. Урок №4 - финал
Последний урок из серии "CSS и инструменты разработчика в браузере".
Здесь мы поговорим о компонентном подходе на примере модального окна "Подробная информация" WordPress плагина WP-Recall. Вы увидите: что каждый компонент имеет свои уникальные классы, в зависимости от того где он применяется. Таким образом вы можете тонко настраивать нужное не затрагивая весь компонент и его работу в других местах.
Я покажу как менее чем за 10-ть минут работы можно легко изменить блок "Подробная информация" под свои нужды. Работаем в консоли браузера быстро и переносим результат в наш css-файл.
Урок №4
- Поговорим о компонентах
- Поправим только там, где нужно
- Ничего не поломаем
- Допилим окно "Подробная информация"
Timeline:
1. Вступление 0:15
2. Компонентный подход 0:55
3. Начало изменения окна "Подробная информация" 1:15
4. Подводим итоги серии уроков 12:00
Получилось?
Как вам серия уроков в целом?
Научились и теперь с консолью на "Ты"?
- жду вас в комментариях. Также вы можете предложить тему для следующей серии уроков
