Как использовать панель разработчика в браузере для работы с кодом
Инструкции и #видеоуроки для блогеров - http://1zaicev.ru
Самый простой способ посмотреть на исходный код сайта и проверить стили css - использовать панель разработчика в браузере.
С её помощью легко экспериментировать над дизайном и копировать результат в файлы сайта.
План урока:
1:09 - для чего нужна панель;
2:59 - пример применения панели разработчика;
7:48 - копирование кода из панели;
9:50 - вставка изменений в код сайта;
15:19 - вставка стилей в файлы сайта;
16:54 - адаптивный режим;
18:29 - особенности панели.
Статья и скриншоты ждёт вас на моём блоге: http://1zaicev.ru/kak-ispolzovat-panel-razrabotchika-v-brauzere-dlya-raboty-s-kodom/
Видео Как использовать панель разработчика в браузере для работы с кодом канала Максим Зайцев
Самый простой способ посмотреть на исходный код сайта и проверить стили css - использовать панель разработчика в браузере.
С её помощью легко экспериментировать над дизайном и копировать результат в файлы сайта.
План урока:
1:09 - для чего нужна панель;
2:59 - пример применения панели разработчика;
7:48 - копирование кода из панели;
9:50 - вставка изменений в код сайта;
15:19 - вставка стилей в файлы сайта;
16:54 - адаптивный режим;
18:29 - особенности панели.
Статья и скриншоты ждёт вас на моём блоге: http://1zaicev.ru/kak-ispolzovat-panel-razrabotchika-v-brauzere-dlya-raboty-s-kodom/
Видео Как использовать панель разработчика в браузере для работы с кодом канала Максим Зайцев
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Chrome DevTools. Обзор основных возможностей веб-инспектора.Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместеКарты, деньги, консоль браузера для QA - Евгений Клименко. QA Fest 2018Как работает браузер: дерево рендеринга, HTML/CSS парсинг, модели цикла событийНИКОГДА НЕ ВЫБРАСЫВАЙ старую ЛОПАТУ, а сделай сам ОТЛИЧНЫЙ ИНСТРУМЕНТ своими руками!Кластеризация ключевых слов - Урок №4, Школа SEOКАК СКОПИРОВАТЬ САЙТ И УСТАНОВИТЬ АДМИНКУ ЗА 3 МИНУТЫКак научиться читать любой код за 30 минутКак считать цену за верстку, как найти первый заказ, если нет портфолио | Ответы на вопросыУчим HTML за 1 Час! #От ПрофессионалаТОП 3 самоделки из МИКРОВОЛНОВКИ! Не трать деньги, сделай сам!1. JS ваще с нуля (Ещё раз про addEventListener для джунов)Web Testing. Урок 1. Знакомство со структурой клиент серверных приложенийКак Покупать Ссылки в Миралинкс?Тестировщик с нуля / Урок 14. Что такое DevTools для тестировщика? Инструменты разработчика ChromeКак работает Интернет?Как самостоятельно провести SEO оптимизацию сайта? СДЕЛАЙ ВСЕ САМ! Просто о сложномОбзор работы веб-инспектораGoogle Chrome Developer Tools Crash CourseFlex. HTML для JS разработчиков