⚡️ Web Performance Tip: Get free instant page nav with the browsers' bfcache... if you don't block it! Let's test bfcache with DevTools! New video frm @jecfish @tunetheweb 👉🏽 goo.gle/dtt-bfcache #DevToolsTip #ChromeDevTools #webperf #debugging

New #DevToolsTip! "It works on my machine!" 😆 Let's see how @oliverdunk_ and @jecfish debug and fix their Chrome extension. Watch 📹: youtu.be/Ta-YTDhiBIQ?si=ZZaI…

#DevToolsTip: Use Snippets and Live Expressions to save & run code repeatedly instead of keep typing them. 💪 Watch my new video to get started: youtu.be/zW9ibQbYJNE #ProductivityBoost #ChromeDevTools #JavaScript

What are source maps and how does it work? 🤨 Follow @jecfish in this #DevToolsTip episode to find out more! 📺 youtu.be/FIYkjjFYvoI 📜 web.dev/source-maps/

🌟 New #DevToolsTip! Explore the powerful web APIs and learn how to debug them with our fish masters @tomayac and @jecfish! 🐡 👉 youtu.be/7ma_ZyfrgYM

✨ New #DevToolsTip - How do you simulate mobile devices and toggle between the different sizes? In this video, @jecfish shows us 4 ways to test your website in device mode! 📺 youtu.be/f7kokNyRe7U 📃 goo.gle/devtools-device-mode

"7 ways of open Chrome DevTools, you won't believe the last one!" 😱 -- @GoveAaron and I thought about using this click bait title for this #DevToolsTip video, haha. Should we? 📺 youtube.com/watch?v=X65TAP8a…

Customize your own keyboard shortcuts! You can add one or more shortcuts to an action or match it with Visual Studio Code. @ChromeDevTools #DevToolsTip

Dislike the Styles pane / Debugger pane auto-rearrangement when changing the windows size? Fix it with the panel layout settings! @ChromeDevTools #DevToolsTip

Pair any of your favorite DevTools panel tabs. Rearrange them left and right, move it to top and bottom. I like to:- - Move Rendering tab to the top left for frequent access - Pair CSS Overview with Elements panel when fixing CSS issues. @ChromeDevTools #DevToolsTip

CTRL SHIFT P is your best buddy. Easy access to almost any commands in DevTools. From opening a panel to emulate blurred vision to switch DevTools to dark theme. CMD SHIFT P for 🍎 MacOS. @ChromeDevTools #DevToolsTip

Press Escape to open the drawer and use the 3-dot menu to access to more “hidden” DevTools tabs - like the Emulations, Sensors, Animations tab and more. @ChromeDevTools #DevToolsTip

Let me break this down to a thread of #DevToolsTip. 👇🏼

Just found out that you can order the tabs in @FirefoxDevTools panel to make your workflow easier! Mine now start with Inspector > Network > Vue #todayilearned #devtoolstip #themoreyouknow