In this video, I introduce you to some Chrome Developer Tools tips and tricks which you might not know about.
00:41- How to open Dev Tools
01:00 - How to select an element
01:12 - How to copy an element
01:19 - How to delete an element
01:40 - How to copy an element’s CSS
01:59 - How to check contrast
02:17 - Fix your contrast issues
03:01 - Take a screenshot of an entire element
03:29 - How to test a page’s accessibility with Lighthouse
04:55 - CSS Overview
05:36 - Device Mode - how to test your site on other devices
06:43 - More tips at https://umaar.com/dev-tips/
--
const me = {
name: "Leanne 👩🏻",
passions: ["coffee☕️", "code 💻", "cats 🐱"],
unpopular_opinion: "LOVES CSS ❤️",
favorite_colors: ["hotpink", "orangered"],
channel_aim: "Show the world that CSS is fun and web development rules! 👑"
}
--
🐤 Say hi on Twitter: https://twitter.com/RybaLeanne
Download
0 formats
No download links available.
Chrome Dev Tools Tips and Tricks | Lighthouse | CSS Overview | Device Mode | NatokHD