Ruvideo
Главная
Топ видео
Новости
Спорт
Музыка
Игры
Юмор
Животные
Авто
Сейчас смотрят
Избранное
История
Найти
Главная
How to debug CSS with Firefox Developer Tools
How to debug CSS with Firefox Developer Tools
Coder Coder
1 год назад
13,153 Просмотров
Нравится
648
Не нравится
174
Поделиться
Описание
Встроить
Скачать
В избранное
🔥 My course: Responsive Design for Beginners!
https://coder-coder.com/responsive/
💻 Become a full-stack web dev with Zero to Mastery:
https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b
In this video I show you how to use Firefox Developer Tools to debug and troubleshoot your HTML and CSS.
Firefox Developer Tools Documentation -
https://firefox-source-docs.mozilla.org/devtools-user/index.html
00:00 - Intro
01:00 - Turn on developer tools, main UI in the dev tools panel
02:12 - Markup View, search, and edit HTML
08:15 - Color picker
08:48 - Breadcrumbs bar
09:21 - Rules tab
16:04 - Layout tab, grid and flexbox inspector
24:05 - Computed tab
26:16 - Changes tab
27:49 - Fonts tab
29:44 - Navigating tabs and 3-panel view
30:48 - Responsive Design Mode
34:06 - Network tab
36:35 - Accessibility tab
40:39 - Storage tab
____________________________
SUPPORT THE CHANNEL
⭐ Join channel members and get perks:
https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme:
https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners:
https://coder-coder.com/responsive/
🌟 Gulp for Beginners:
https://coder-coder.com/gulp-course/
RECOMMENDATIONS
⌨ My keyboard, Vissles V84 --
https://vissles.com/?ref=mu96kxst5w
-- 🔥 get 10% off with code THECODERCODER --
💻 Other gear --
https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books --
https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses --
https://coder-coder.com/best-web-development-courses/
🔽 FOLLOW CODER CODER
Blog --
https://coder-coder.com/
Twitter --
https://twitter.com/thecodercoder
Instagram --
https://www.instagram.com/thecodercoder
#webdevelopment #coding #programming
Тэги:
#web_development
#firefox
#css
Скачать видео
Ссылки и html тэги не поддерживаются
Отправить
Комментарии:
Сейчас смотрят
41:50
How to debug CSS with Firefox Developer Tools
Coder Coder
11:05
What is a Kilowatt hour?
The Organic Chemistry Tutor
06:16
Tower Heroes ALL BLASTECH BARRAGE SKINS AND VOLT TOWER REVIEW
Berkhay
02:04
南京盛合房车,室内展厅,新车二手车都有
房车猫
00:33
Conakry Ville Propre et Saine (ASSEGUI-NPDC & Guinée Buzz)
GuineeBuzz
21:39
Stop Running New Patient Specials! Here's why...
Shakur Smith
10:20
‘Next question please’: Kamala Harris responds to question about Trump
CNN
05:21
Desert Control completes the first LNC treatment on American soil
Desert Control
00:25
Samsung Galaxy Buds 3 #samsung #galaxy #earbuds #wireless #airpods #bluetooth #music #unboxing #tech
BHASKER SONI
03:48
내 삶을 눈물로 채워도 - 백미현 (가사)
김경애·풍순
02:27
STAR WARS: Anakin 3D model (RealTime)
Annabelle Sémaan
04:34
Ride with vj bike new design unvelind || Srinu Telugu Backpacker || Ride with vj ||
Srinu Telugu Backpacker