#DevToolsTips

2025-05-30

How to style console logs: Color and more! #DevToolsTips

youtube.com/watch?v=01TC2LXFsa

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2024-12-06

Performance you say? Join Captain Speedy to learn how to pinpoint & fix performance issues with cool insights in #ChromeDevTools. Letโ€™s dive in! ๐Ÿ“บ youtu.be/7A70hBrPL4I

@tunetheweb #DevToolsTips #webperf

2024-11-02

Monitor live Core Web Vitals in Chrome DevTools #DevToolsTips - #webperf

youtube.com/watch?v=M5oe010pYb

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2024-10-31

Is speed your thing too? ๐Ÿš€ Join Captain Speedy @tunetheweb and me for another episode of #DevToolsTips, where we learn how to monitor Core Web Vitals live.

Watch the full video ๐Ÿ“บ youtu.be/M5oe010pYbA

#webperf #chromedevtools

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2024-10-24

๐Ÿค” We've all been there, right? That intense debugging stare! ๐Ÿ˜‚

New video dropping next week! @tunetheweb

#debugging #programmerlife #codinghumor #chromedevtools #performance #devtoolstips

Germรกn Freixinรณsgermanfrelo@front-end.social
2024-07-28

Very useful!

Freeze screen & inspect disappearing elements #DevToolsTips
youtu.be/Qzmb9bdNzZ4

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-12-22

๐ŸŽ Holiday #webperf tips! Use Fetch Priority API to tell browsers which resource to fetch first.
Even better, use #ChromeDevTools to identify which one to speed up!

Have fun with Barry and me ๐Ÿ‘‡ youtu.be/3rAf_Yx7R_g?si=okmTe-
#DevToolsTips #performance

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-09-06

Learn how to use #ChromeDevTools Snippets and Live Expressions to boost your productivity and debug like a pro! ๐Ÿ’ช

Watch our new video to get started: youtu.be/zW9ibQbYJNE

#DevToolsTips #Snippets #LiveExpressions

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-07-28

Devs: How can I debug beyond console.log()?
Me: Asked and you get it. New #DevToolsTips video just drop - explaining breakpoints, logpoints and more!

youtu.be/JyHjoaUhAus

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-07-03

๐ŸŒŸ New #DevToolsTips! Learn about the two web storage APIs and how to edit them with DevTools.

๐Ÿ“บ youtu.be/5o8krh_Qduk

That's me picking a random storage box in the studio. ๐Ÿ˜†

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-05-01

๐ŸŒŸ New **#DevToolsTips**! Learn how **#ChromeDevTools** use source maps under the hood and how you can configure it to pinpoint issues quicker.
๐Ÿ“บ youtu.be/SkUcO4ML5U0
๐Ÿ“œ goo.gle/devtools-source-maps

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-03-02

CSS giving you a headache? ๐Ÿ˜ฉ๐Ÿ’ป DevTools' Styles pane can help make troubleshooting a bit less daunting! ๐Ÿ‘๐Ÿผ #webdevelopment #CSS #DevToolsTips

๐Ÿ“บ goo.gle/devtools-css-issues

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-03-01

How can I style this card nicer with unicorn pink? Does that color even exist? ๐Ÿ’“

Let's find out how to debug and fix CSS issues in #ChromeDevTools!
youtu.be/iuZx0kHS0Xs

#DevToolsTips

Jecelyn Yeen (inactive here)jecfish@indieweb.social
2023-02-01

Using progressive enhancement? Then youโ€™re using Progressive Web Apps.

Debug PWA with these #DevToolsTips from @tropicadri and me, including:

๐Ÿ”ต Manifest pane
๐ŸŸข Service workers
๐ŸŸก Shortcuts

youtu.be/fGU39PukAlA

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst