30 Minutes DevTools Review for HTML / CSS / JavaScript Beginners
Вставка
- Опубліковано 12 вер 2024
- In this video I’ll talk about how to work with DevTools in Google Chrome and other browsers.
__
Buy Frontend Book diary - tpverstak.ru/f...
Ask a question to the fronttender for free - frontendhelp.m...
__
Website - tpverstak.ru
VK - tpverstak
Instagram - / annblok and / tpverstak
Telegram - t.me/tpverstak
Telegram Chat - t.me/tpverstak...
__
Courses and marathons - tpverstak.ru/co...
Reviews - topic-1...
Лайк за полезный контент, который так нужен сейчас!!
Огромное спасибо Анна !!!!!Очень полезный урок !!!!!
Мне кажется тебе не стоит делать красную рамку на облужку видео некоторым кажется будто уже посмотрели
Значит так смотрели... Что не помнят, смотрели или нет.
Сделайте пожалуйста, обзор на книги:
-"Создаем динамичные веб-сайты на PHP, MySql и JavaScript, CSS и HTML5" Робин Никсон
- "Книги про HTML, CSS, JavaScript и jQuery" Джон Дакетт
Спасибо! Дай бог тебе здоровья! )
Побольше бы таких умных и красивых девушек! Спасибо за видео! Крутяк, сам пользуюсь инструментом а что-то новое да узнал.
Познавательный видосик , спасибо - подписался)
Было бы классно если бы ты еще вторую часть записала ( как ты сказала это не все фишки DevTools)
Наконец годнота от Ани 👌
Очень полезное видео, спасибо.
В ff есть темная тема, в настройках инспектора. Плюс у Мозиллы есть отдельный ff для разработчиков с расширенным функционалом (да, я из второго лагеря :) ).
Отлично, буду знать 👍🏻
Для разработчиков он синего цвета вроде, не? (иконка браузера)
Огромное спасибо !Многое для себя узнала!
Анечка спасибо тебе снова)
Интересная библиотека за спиной)
Анна, как тебе идея разыграть одну из книг среди подписчиков?
Ставьте ЛАЙК, кто ЗА, друзья!
Спасибо. Переодически разыгрываю книги, но сейчас не самый удобный период для отправки. А целом идёт неплохая.
19:30 для отладки JS кода вкладка sources используется плотно
Скажите пожалуйста, какой плагин вы используете что бы накладывать макет? и как им пользоваться?
можно использовать pixel perfect
Давно с ним работаю, но всё равно посмотрел до конца)
Одно в нём бесит: не делает полную выписку изменений, что и где поменяно, чтобы применить в проекте.
Бывает увлечешся, поменяешь в 20 разных css что-то, потом вспоминай...
Как же жизненно...
Я пользуюсь специальным плагином для хром, в нем в отдельном окне меняешь значения, там тоже есть подсказки и все такое... И при перезагрузке страницы стили сохранятся. И так же можно писать на препроцессорах, а не на чистом css, чтобы легче в проект переносить изменения.
@Seomastertop ну вы издеваетесь: сколько лет-то прошло?
По-моему я имела ввиду плагин Live editor for CSS, Less & Sass - Magic CSS
chrome.google.com/webstore/detail/live-editor-for-css-less/ifhikkcafabcgolfjegfcgloomalapol
Привет! Интересует такой вопрос) Используете ли вы какие либо инструменты для хранения палитры цветов проекта?
Приятно слушать
Круто!
на iOS есть такая возможность? все приложения и расширения которые установил позволяют код просматривать, но не редактировать
Есть ли расширения для сохранения отредактированного в Devtools кода?
Зачем это надо? Не знаю людей, которые пишут код как есть, то есть ровно то, что будет передаваться браузеру. Так зачем его сохранять? Правки надо все равно будет делать в коде проекта.
Спасибо =)
Поясните пожалуйста про "системные стили", которые отображает хром и не отображает фокс?
Аналог pixels perfect как называется?
Pix to Pix
@@annblok_webdev спасибо большое
Спасибо. Я новичок
Здравствуйте!) Скажите пожалуйста, была ли у кого проблема с размерами окна в режиме desktop? Условно: ставлю размеры 400×400 и включаю режим desktop, получаю ширину документа на 33.333% больше, чем указанные 400, если переключить в mobile, то все чётко
На linux chrome не находит локальный файл css. Mozila на этом же компе все видит. На винде тоже все работает. Кто-нибудь может помочь, подсказать в чем проблема ? Переобгуглился - ничего не нашел либо не понял.
Вы карантин соблюдаете?
для меня самым удобным инструментом было дополнение firebug для mozila, жаль что его развитие свернули.
капец ты умная, всё знаешь
Тайм коды ещё не придумали?
Сколько уже в Веб разработке?
МОЖНО ПОЖАЛУЙСТА КОД ФОРМЫ ПОКАЗАННЫЙ В ВИДЕО
это видео для верстальщиков про вкладку Элементс
Как сделать темный фон? )
Устатановить в системе такой)
@@annblok_webdev в ОС?
@@Krylowandrey да
Что за фигня. Почему нельзя идти по порядку по каждой закладке и объяснять все её возможности. Больше половины упущено
с 10.06 обзор начинается. не тратьте время
а что делать если нет пункта инспектор?
В Google Chrome?
нажимай "посмотреть код"
F12
По вашей внешности можно подумать что вы скажете "всем привет сегодня я покажу пользоваться презервативами"