Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Firefox DevTools

via YouTube

Overview

Learn about the tools in Firefox that are useful for web designers and developers.

Syllabus

Why are there Four Firefoxes?.
Where do Browser Styles Come From?.
Test for Text Label Issues using the Firefox Accessibility Inspector.
Inspecting the CSS Cascade using Firefox DevTools.
Test Keyboard Accessibility using the Firefox Accessibility Inspector.
Edit your CSS Shapes with the Shape Path Editor.
Testing Color Contrast & Simulating Color Blindness with the Firefox Accessibility Inspector.
Understand Website Accessibility with the Firefox Accessibility Inspector.
Why isn't this CSS doing anything?.
Firefox Font Editor — Advanced.
Quickly Alter Typography with Firefox Font Editor.
Capture Any Color on the Web with the Firefox Eyedropper.
Super Fast Way to Screenshot Web Pages.
Keep Track of Changes to CSS You've Made in DevTools.
The Secret Button to get 3 Panels of Developer Tools — HTML + CSS + WAY MORE!.

Taught by

Mozilla Developer

Reviews

Start your review of Firefox DevTools

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.