Загрузка страницы

Как использовать панель разработчика в браузере для работы с кодом

Инструкции и #видеоуроки для блогеров - 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/

Видео Как использовать панель разработчика в браузере для работы с кодом канала Максим Зайцев
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
9 июля 2016 г. 9:30:00
00:21:38
Другие видео канала
Chrome DevTools. Обзор основных возможностей веб-инспектора.Chrome DevTools. Обзор основных возможностей веб-инспектора.Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместеУчим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместеКарты, деньги, консоль браузера для QA - Евгений Клименко. QA Fest 2018Карты, деньги, консоль браузера для QA - Евгений Клименко. QA Fest 2018Как работает браузер: дерево рендеринга, HTML/CSS парсинг, модели цикла событийКак работает браузер: дерево рендеринга, HTML/CSS парсинг, модели цикла событийНИКОГДА НЕ ВЫБРАСЫВАЙ старую ЛОПАТУ, а сделай сам ОТЛИЧНЫЙ ИНСТРУМЕНТ своими руками!НИКОГДА НЕ ВЫБРАСЫВАЙ старую ЛОПАТУ, а сделай сам ОТЛИЧНЫЙ ИНСТРУМЕНТ своими руками!Кластеризация ключевых слов - Урок №4, Школа SEOКластеризация ключевых слов - Урок №4, Школа SEOКАК СКОПИРОВАТЬ САЙТ И УСТАНОВИТЬ АДМИНКУ ЗА 3 МИНУТЫКАК СКОПИРОВАТЬ САЙТ И УСТАНОВИТЬ АДМИНКУ ЗА 3 МИНУТЫКак научиться читать любой код за 30 минутКак научиться читать любой код за 30 минутКак считать цену за верстку, как найти первый заказ, если нет портфолио | Ответы на вопросыКак считать цену за верстку, как найти первый заказ, если нет портфолио | Ответы на вопросыУчим HTML за 1 Час! #От ПрофессионалаУчим HTML за 1 Час! #От ПрофессионалаТОП 3 самоделки из МИКРОВОЛНОВКИ! Не трать деньги, сделай сам!ТОП 3 самоделки из МИКРОВОЛНОВКИ! Не трать деньги, сделай сам!1. JS ваще с нуля (Ещё раз про addEventListener для джунов)1. JS ваще с нуля (Ещё раз про addEventListener для джунов)Web Testing. Урок 1. Знакомство со структурой клиент серверных приложенийWeb Testing. Урок 1. Знакомство со структурой клиент серверных приложенийКак Покупать Ссылки в Миралинкс?Как Покупать Ссылки в Миралинкс?Тестировщик с нуля / Урок 14. Что такое DevTools для тестировщика? Инструменты разработчика ChromeТестировщик с нуля / Урок 14. Что такое DevTools для тестировщика? Инструменты разработчика ChromeКак работает Интернет?Как работает Интернет?Как самостоятельно провести SEO оптимизацию сайта? СДЕЛАЙ ВСЕ САМ! Просто о сложномКак самостоятельно провести SEO оптимизацию сайта? СДЕЛАЙ ВСЕ САМ! Просто о сложномОбзор работы веб-инспектораОбзор работы веб-инспектораGoogle Chrome Developer Tools Crash CourseGoogle Chrome Developer Tools Crash CourseFlex. HTML для JS разработчиковFlex. HTML для JS разработчиков
Яндекс.Метрика