Jecelyn Yeen π
@jecfish
Followers
9K
Following
4K
Media
753
Statuses
4K
Principal Software Engineer. Ex-Googler. Ex-Chrome. π©βπ»π²πΎπ€Ώ
Malaysia
Joined November 2013
Happy New Year! 2025 is the year of #WebDriverBiDi. You might not use it directly (but via testing frameworks), but it has a real impact on the testing ecosystem.
Follow along with @jecfish as she shows you how WebDriver BiDi supercharges cross-browser testing π§ͺ Learn how this browser automation can help with mock network requests and monitoring console events βΆοΈ https://t.co/TiNXQyZpJV
0
1
13
Good news for those of you who prefer to keep classic #ChromeDevTools color scheme. We added a setting to let you customize that via Settings > Preferences > Match Chrome color scheme.
1
0
10
Want to know if your redesign actually improved user experience? See real-world performance data with Chrome UX Report! Compare your production (old) and new designs to measure the impact. @tunetheweb #webperf #ChromeDevTools
0
4
29
π₯± What to do when your teammate's asleep but the code's gotta be fixed? Watch to find out: https://t.co/phZDcBATFq
@matthiasrohmer @jecfish #DevToolsAI #CSS #webdev #debugging
1
3
11
Performance you say? Join Captain Speedy to learn how to pinpoint & fix performance issues with cool insights in #ChromeDevTools. Letβs dive in! πΊ https://t.co/QL9o5VaZtJ
@tunetheweb @jecfish @malchata #DevToolsTips #webperf
0
4
14
Debugging LCP issues just got easier! Join @jecfish and @tunetheweb as they explore the revamped Performance panel landing page in Chrome DevTools, packed with features to optimize your website's performance. See it in action β https://t.co/ymm9VkvByo
#DevToolsTips
0
6
11
π Is your LCP dragging down your page speed? Learn how to use Chrome DevTools to find it! New video in 2 days with a full fixing guide. @tunetheweb #webperf #ChromeDevTools
1
3
19
Captain DevTools π©ββοΈπ¨ββοΈπ
Mayday! Mayday! We need a CSS hero to save our flight! π©οΈ (Spoiler: it involves a lot of frustrated yelling π) Watch and find out: https://t.co/QioD46Rr5i
#codinglife #CSS #DevToolsAI @matthiasrohmer @jecfish
2
1
18
π€¨ How to filter & copy only listed CSS & JS URLs in Network panel? Hold the Cmd/Ctrl key and β¦. #ChromeDevTools
0
3
12
New YouTube Short! π₯ @jecfish and @matthiasrohmer are up to something... π https://t.co/3hPdnE3PKp
#DevToolsAI #ChromeDevTools #CSS #webdev
1
3
33
Well, it works (fast) on your machine, not mine @tunetheweb ! Watch our latest video to learn how to monitor Core Web Vitals with #ChromeDevTools. πΊ https://t.co/f33Pw2tvlh
0
2
16
2 neat features to improve network debugging in the Performance panel. #ChromeDevTools π Hover to view critical network information upfront π΅ββοΈ Click Cmd + F to search Less context switching, better focus. @tunetheweb
0
1
14
These are the 5 cool things you can do with the new AI Assistance in #ChromeDevTools. Give it a try and let us know what you think:
developer.chrome.com
Learn about fun and exciting use-cases of the new AI assistance panel in DevTools
0
0
1
π It's out! Debug & fix CSS with the new AI Assistance panel in #ChromeDevTools. Here is an example of how we can ask AI to fix our CSS animations - making the eyes blink βοΈ Update your Chrome today and pair program with #GoogleGemini!
1
1
11
Debug CSS scroll snaps events with these two new event listener breakpoints in #ChromeDevTools. Learn more from @argyleink: https://t.co/jvR7Kp65ZK
0
6
49
Is speed your thing too? π Join Captain Speedy @tunetheweb and @jecfish for another episode of #DevToolsTips, where we learn how to monitor Core Web Vitals live. Watch the full video πΊ https://t.co/haYByjD2kR
#webperf #chromedevtools
1
7
33
Β‘Nos vemos en Madrid!
π’ Hola, Madrid devs! Join us on Nov 5th to explore DevTools, Built-in AI and Extensions! @GDGMadrid π Come learn and connect! RSVP: https://t.co/5NSQwHwCbw
@tomayac @oliverdunk_ @matthiasrohmer @jecfish
#AI #ChromeDevTools #webdev
0
1
8
Learn more about CSS Anchor Position with these helpful resources from @Una Demo: https://t.co/xJWudyWfuK Blog post: https://t.co/LPvMKXGIKU DevTools:
developer.chrome.com
CSS anchor positioning in Elements, enhanced 'Never Pause Here' in Sources, new scroll snap event listeners, updated network throttling presets, and more.
0
5
17
π Anchor's away! β #ChromeDevTools now makes it easier to work with CSS anchor positioning! The Styles tab now visually links anchor identifiers to their corresponding nodes, helping you to navigate and debug them quicker. #CSS #webdev #devtools
1
4
15