Сайт перешел на функционал групп
Читаем новость, обсуждаем, делимся впечатлениями или может есть какие пожелания? Перейти
на сайт, и вы сможете вступить в группу.
Вы сможете подписаться на выход новых материалов группы.
Вы сможете подписаться на новые комментарии к выбранной записи группы.

CSS и инструменты разработчика в браузере. Урок №4 - финал

Последний урок из серии "CSS и инструменты разработчика в браузере".

Здесь мы поговорим о компонентном подходе на примере модального окна "Подробная информация" WordPress плагина WP-Recall. Вы увидите: что каждый компонент имеет свои уникальные классы, в зависимости от того где он применяется. Таким образом вы можете тонко настраивать нужное не затрагивая весь компонент и его работу в других местах.

Я покажу как менее чем за 10-ть минут работы можно легко изменить блок "Подробная информация" под свои нужды. Работаем в консоли браузера быстро и переносим результат в наш css-файл.

Урок №4

- Поговорим о компонентах
- Поправим только там, где нужно
- Ничего не поломаем
- Допилим окно "Подробная информация"

css и инструменты разработчика в браузере

 

Timeline:

1. Вступление 0:15
2. Компонентный подход 0:55
3. Начало изменения окна "Подробная информация" 1:15
4. Подводим итоги серии уроков 12:00

Получилось?
Как вам серия уроков в целом?
Научились и теперь с консолью на "Ты"?
- жду вас в комментариях. Также вы можете предложить тему для следующей серии уроков

Комментариев нет

Оставьте комментарий

Авторизация
*
*
Регистрация
*
*
*
Настоящим подтверждаю, что я ознакомлен и согласен с условиями политики конфиденциальности
Генерация пароля
Закрыть