Chrome Dev Tools Tips and Tricks | Lighthouse | CSS Overview | Device Mode

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