DevTools для верстальщика за 20 минут! Изучаем инструменты разработчика

DevTools - панель разработчика в браузере. Любой уважающий (и не уважающий) себя верстальщик просто обязан знать, что это такое, как ей пользоваться. В этом видео я расскажу об основных функциях инструментов разработчика для верстальщика, покажу небольшие, но удобные фичи по работе с ней. Поехали! Данное видео выходит первым в большом цикле роликов “True верстка“. В данном цикле я расскажу о самых, на мой взгляд, важных темах в верстке, опуская ненужные основы (как писать тег, что такое CSS). Содержание 00:00 - 01:39 - Вступление 01:40 - 02:54 - Базовые настройки 02:55 - 04:00 - Редактирование разметки 04:01 - 07:47 - Работа с CSS 07:48 - 08:35 - Про ошибки в пути до файла 08:36 - 09:17 - Вкладка sources 09:18 - 10:29 - Вкладка console 10:30 - 11:20 - Вкладка network 11:21 - 13:54 - Device toggle toolbar (эмулятор разных устройств) 13:55 - 16:14 - Вкладка application (про local storage и cookies) 16:15 - 18:39 - Проверка сайта на переполнение простым способом 18:40 - 19:38 - Заключение, анонс практических видео по верстке сайта Поддержать канал: Мой блог: Мой сайт: Канал в телеграм: Чат для верстальщиков: Тема VS Code: One Monokai Шрифт VS Code: Consolas, ’Courier New’, monospace #maxgraph #trueверстка