DevTools Tips @[email protected] @_devtoolstips
Useful cross-browser DevTools tips devtoolstips.org Joined June 2021-
Tweets524
-
Followers980
-
Following149
-
Likes98
✂️Paper cuts fixed! #ChromeDevTools now format & pretty print all JSON data & its sub types everywhere. developer.chrome.com/blog/new-in-de… #webdevelopment #debugging #json
Here's a tip for you, different ways of taking browser screenshots in DevTools 📸️ What do you think of this sort of 1 minute web development video? Would you like to see more of these?
devtoolstips.org just got a face lift! Now with: ✅ A home page that actually says what the site is about  ✅ A persistent sidebar to quickly access collections of tips. ✅ A persistent search field to find other tips.
Simulate color blindness ↳ @FirefoxDevTools ◆ In the "Accessibility" panel, from the toolbar open the "Simulate" menu and select the type of deficiency to simulate the page for the users with that deficiency. → canidev.tools/simulate-color…
Having access to a free reporting tool like Lighthouse in DevTools is a great start for diagnosing performance issues by identifying bottlenecks on the main thread. ↬ Check out how @SpeedCurve can help you and your team dig deeper into the data: smashingmagazine.com/2023/10/speedc…
Preview social media cards ↳ @polypane ◆ Open Info > Meta & scroll to Social media previews section. Works with localhost & you can overwrite domain with a click. ◆ Toggle light/dark buttons to preview the card in light and dark mode respectively. 🌐canidev.tools/preview-social…
✨ Chrome 119 is here! What's New in DevTools? - View CSS @property in the Styles pane - Refresh the emulate devices - Better pretty-print and autocompletion ...and more! 👇🏽 developer.chrome.com/blog/new-in-de…
Polypane 16 is here! 🥳 - Cool new CSS tools/emulation: @scope, prefers-reduced-transparency, scripting - Updated X/Twitter preview cards, with domain overwriting - A11y workflow improvements - Chromium 118 Find all the details here: polypane.app/blog/polypane-…
Spent hours debugging unwanted horizontal scrollbars? @FirefoxDevTools shows directly in the inspector, which is the element with scrollbar and what are the overflowing elements 🤯
It's here! What's new in DevTools (Chrome 118) 🍋 Styles pane support CSS @property 😏 More local overrides improvements 🔎 Enhanced and faster search 📹 youtu.be/-dOYxJnRhxQ?si… 📜 developer.chrome.com/blog/new-in-de…
Lighthouse v11.2 includes an overhaul to the performance category that focuses audit prioritization on estimated impact to the performance metrics. Also included is an upgraded score gauge. On hover, it visualizes how each performance metric affects the overall performance score.
Introducing the Crash Analyzer tool, improvements to the memory tool, and accessibility improvements in Microsoft Edge for Business🧠 Learn more about what else is new in DevTools 113 and 114: msft.it/60139sr8J
DevTools implemented improvements to the Sources panel! 🛠️ Dive in and see what’s new for developers in Chrome 118. → goo.gle/46E2ium
I’m extremely pleased to announce the release of Scroll-Driven Animations Debugger, a Chrome DevTools extension to visualize and debug Scroll-Driven Animations. 🔗 brm.us/scroll-driven-… Get the extension from the Chrome Web Store and start inspecting scroll-driven-animations.style
📏 The current size of the viewport is kind of important to know about when debugging certain issues, or working on media queries. 💡With DevTools, you can easily see the viewport size! devtoolstips.org/tips/en/see-vi…
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…
By default, any changes you make in DevTools are not saved because they disappear after the page is reloaded. 💥 But Workspace can change that! @jecfish has all the tips on setting up a workspace to ensure your changes are saved in your source code.
My face when I saw the new #ChromeDevTools 117 features. 🤯 Watch the highlight to learn more: youtu.be/oMRpODeXzho Mock API responses? 🙀 Hide Chrome extension requests? 🥷🏼 Debugging fetch priority? 📊 This update is so good it's got me feeling like 👇🏽
What's next in DevTools (Chrome 118)? 🪮 View CSS @ property 🎬 Filter overridden network requests 🔎 Enhanced search ... and more! Try them first in Chrome Canary. developer.chrome.com/blog/new-in-de…
Ahmad Shadeed @shadeed9
25K Followers 210 Following Design Engineer. 🎼 CSS Course: https://t.co/1YV2dr5Xp5 📘 https://t.co/u2Mwa0NV16 ✍️ https://t.co/uZCVbHrztF 📪 https://t.co/CRKmRtzka1 📂 https://t.co/VTAAYbMRu8, https://t.co/Jy2gQ97l4L
Bramus @bramus
14K Followers 738 Following Chrome DevRel at Google (CSS + Web UI). @CSSWG Member. Former University Lecturer. PADI Divemaster. Blogs at @bramusblog. You should follow me on Bsky 🦋.
Una 🇺🇦 @Una
88K Followers 1K Following Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 https://t.co/J9Y8U6Bz4f
Stefan Judis @stefanjudis
12K Followers 895 Following Weekly web dev news at https://t.co/VBZXGxIpP7. I've left twitter... More at: 🐘 https://t.co/vuqqzKfMmq 🦋 https://t.co/NsacqOFt7Y
Henri Helvetica 🇭�... @HenriHelvetica
9K Followers 1K Following command-h @h2_meetup @spdy_meetup pronounced: on-REE. raconteur Henri Hypertext's Dad #RunnersInTech
Seb ⚛️ ThisWeekIn... @sebastienlorber
55K Followers 4K Following 🔥 Join 40k devs - Stay up-to-date with React: • 📨 https://t.co/DvLGHeLY5G • @ThisWeekInReact • @docusaurus maintainer • 🇫🇷
Barry Pollard @tunetheweb
6K Followers 902 Following Chrome Dev Rel helping make the web go faster!. All opinions my own. I’m primarily on 🦋 these days.
gboyega @segedenny56
26 Followers 503 Following
Kiara latrice @Kiaralatri53085
1 Followers 8 Following
Shahwaiz Goraya @GorayaShah12893
7 Followers 56 Following “I build modern websites for small businesses | Fast landing pages that actually increase conversions (often 2–3x) | Portfolio + case studies | DM me
Rui Vergani Neto @rui_vergani
2 Followers 25 Following
Abdell1h Web @W2471Web
0 Followers 20 Following
Gaurav Kumar @gk9848970
17 Followers 580 Following
József Péter Pohán... @pohanka_peter
14 Followers 229 Following "This is the age of the creator. Technology is your paintbrush, you are the artist, and success is your creation."
Mariona N. Jones 🧬 @mariondita
3K Followers 3K Following 📡 Mom. Secular Ethics, Animal Rights, Pacifism, Ecology, Science, Tech, Open: Web, Software & Hardware. Partnerships @SmashingMag 😺
Colton @ColtonRep231
0 Followers 48 Following
Shafik Tanbir @ShafikTanbir
3 Followers 241 Following Backend & AI Engineer | Helping startups build scalable APIs & microservices | Remote-ready
Siapa @EXE_NOKID
10 Followers 865 Following
danix chacha @Danix_dr
0 Followers 56 Following
Norah Ezeribe| Front-... @NorahCanCode
0 Followers 41 Following Front-End Developer | React, JS, CSS | Open to work & freelance | Crafting clean UIs
amr apozeid @GoldenWeb99
2 Followers 31 Following
Sophia-San @SophiaSan_
0 Followers 135 Following Chaotic front-end dev. Loves gaming, music & Arcane. Born bitter, types strictly.
Victor Chinonso @alilichinoso
15 Followers 25 Following Full-stack dev. I build the bridge between ideas and shipped code. 🌉 Documenting the climb — bugs, builds, and lessons learned.
Nguyen Truong Phu @chuongfu09
0 Followers 34 Following
Anastasia Vlachaki @avlahaki
43 Followers 73 Following
Anis Safia 🇹🇳 �... @AnisSafia6
1K Followers 7K Following Content Creator 📸| Software engineer @alx_africa | 🖥️ Tech Enthusiast |Frontend Developer | Agile & Scrum-Oriented PMP® Training (35 Hours) | Scrum Master
Amber Slade @AmberSlade80
29 Followers 729 Following
kim kwang yong @bananayong
243 Followers 3K Following Productivity. Solve problems. Code. Easy, not perfect
ket.dev @ketdev_rel
7 Followers 112 Following #backend dev #java EE #javascript #dotNet #rubyonrails
Alexandra Riva @alexandra_riva
34 Followers 197 Following
saku @sakupi01
1K Followers 890 Following 🎨 Design Technologist & Web Frontend @Cybozu Japan | @GoogleDevExpert for Web 🌍✨| Focusing on all things VISUAL on Web Platform!🌼 https://t.co/nuBQ8o8UY6
saurav singh @saurav_jmt
206 Followers 2K Following Android app writer, Android, react native, Flutter, IOT
Abdalrhman @rizkabdrahman
1 Followers 2K Following
Aleksei Chernov @kot_lex
194 Followers 750 Following Tech Lead @RiversidedotFM Co-organizer @BurningLead
Federic @Federic11621439
2 Followers 18 Following
Mira Kwak (Irma Snow) @aleph0
1K Followers 6K Following Head, Art Chaosmos/ Phaidalos, Mystral, Mystral Andel/ mind, transhumanism, cybernetics, semiotics, truth, freedom, metaverse/ Velvet Goldmine, Remy Martin
David Marjanidze @davidmarjanidze
103 Followers 806 Following Software Engineer | Angular · React · Next.js | Node.js · AWS Certified | AI Engineering · Agentic Systems · LLM · MCP · RAG
👻Jack🇿🇦 @Esvt_Lord
174 Followers 423 Following Conservative Christian❤ | Software Engineer💻 |Anti-Abortion☠️ | Zionist 🇮🇱 | Deep House🎧
Eldrid Rensburg @EldridRensburg
39 Followers 3K Following In the beginning, the Universe implemented Unix (Linux) & C (C with Classes) & stated: let there = vars; & /* commented that IT was good */ :-) ¯¯¯\_(ツ)_/¯¯¯
aruna @aruna517656224
0 Followers 7 Following
madlycurios @madlycurios
349 Followers 5K Following Love to learn more about current trends and my opinion is just that. Let's help each other become greater.
Felisberto Alberto @Felisberto183
3 Followers 160 Following Software Engineer I am a software developer and I have been working with web programming
Andrew Sage @sage34178
26 Followers 3K Following
Wes Bos @wesbos
444K Followers 2K Following Fullstack Dev ❯ @SyntaxFM Youtuber ❯ AI Enjoyer ❯ Hardware Tinkerer ❯ Posts 🔥 Tips
Adam Argyle @argyleink
59K Followers 2K Following @Shopify design-engineer; prior @GoogleChrome, @GoogleCloud, CSSWG, and CSS Podcast. Host on @whiskeywebfm, maker of @OpenProps, https://t.co/lb3SDxC6EC and more
Jake Archibald @jaffathecake
108K Followers 2K Following Developer of sorts at @firefox. No thought goes unpublished. He/him. Also jaffathecake on Mastodon, bsky, Threads etc.
Kent C. Dodds 🐨 @kentcdodds
331K Followers 471 Following Husband, 6x Dad, Latter-day Saint, Dev, Educator 🐨 https://t.co/HBYOHHdSTK 👾 https://t.co/oUPXXU0bMW 📺 https://t.co/os3TLKtSJo 🌌 https://t.co/2Zzqk7QiI2
Ahmad Shadeed @shadeed9
25K Followers 210 Following Design Engineer. 🎼 CSS Course: https://t.co/1YV2dr5Xp5 📘 https://t.co/u2Mwa0NV16 ✍️ https://t.co/uZCVbHrztF 📪 https://t.co/CRKmRtzka1 📂 https://t.co/VTAAYbMRu8, https://t.co/Jy2gQ97l4L
Cory House @housecor
167K Followers 841 Following I help dev teams be insanely productive with AI. Courses: https://t.co/D5emROQHUh & https://t.co/6L1fD89GbP Consulting: https://t.co/Qfp4TfpB8N ⚛️
Sarah Drasner @sarah_edo
305K Followers 3K Following Area Tech Lead, AI & Web Ecosystem @chrome, Formerly Sr. Director of Core Infra @google • O'Reilly Author • https://t.co/HhzYWwxYAH • Opinions my own
Sara Soueidan is on B... @SaraSoueidan
117K Followers 0 Following Award-winning Web UI engineer, int'l keynote speaker, author, educator • creator of the Practical Accessibility course: https://t.co/P1LXpp7Uak
Rich Harris @Rich_Harris
95K Followers 2K Following Cheese fan. I work on @sveltejs at @vercel. Mostly posting at https://t.co/1DNxt27Pks
Evan You @evanyou
315K Followers 2K Following Husband / Father of two / Founder @voidzerodev (acq. @cloudflare) / Creator @vuejs & @vite_js. Chinese-only alt: @yuxiyou
Bramus @bramus
14K Followers 738 Following Chrome DevRel at Google (CSS + Web UI). @CSSWG Member. Former University Lecturer. PADI Divemaster. Blogs at @bramusblog. You should follow me on Bsky 🦋.
Chrome for Developers @ChromiumDev
424K Followers 129 Following The official Chrome Devs X account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.
Surma @DasSurma
38K Followers 1K Following DX & monorepo at @ShopifyEng Craving simplicity, finding it nowhere. Internetrovert 🏳️🌈 He/him.
Chris Heilmann codepo... @codepo8
66K Followers 2K Following The robots are coming and we need to make a great example for them. Author, presenter, A11y lover, Online teacher at Skillshare and LinkedIn Learning
Una 🇺🇦 @Una
88K Followers 1K Following Building the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 https://t.co/J9Y8U6Bz4f
GitHub @github
2.7M Followers 334 Following The AI-powered developer platform to build, scale, and deliver secure software.
Stefan Judis @stefanjudis
12K Followers 895 Following Weekly web dev news at https://t.co/VBZXGxIpP7. I've left twitter... More at: 🐘 https://t.co/vuqqzKfMmq 🦋 https://t.co/NsacqOFt7Y
Henri Helvetica 🇭�... @HenriHelvetica
9K Followers 1K Following command-h @h2_meetup @spdy_meetup pronounced: on-REE. raconteur Henri Hypertext's Dad #RunnersInTech
Lea Verou, PhD @LeaVerou
117K Followers 1K Following Product, web standards, usability • @csswg Invited Expert • @w3ctag alum • CS/HCI PhD @MIT Also: 🐘 @[email protected] • 🦋 @lea.verou.me
Daniel Danielecki @ddanielecki
324 Followers 532 Following #building #opensoure: 🧑🏫 @Ditectrev. Previously: 🎮 @doybangames 📱 @TamoTamApp. Pre-AI: 🏆 Top @StackOverflow. ❤️ #buildinpublic ❤️
WebPerformance Report @WebPerfReport
707 Followers 2K Following Web performance report every week in your inbox.. ⚡ Sponsored by: @Catchpoint - @RealWebPageTest
Umar Hansa @umaar
20K Followers 1K Following • I tweet developer tips and tricks • Made https://t.co/BNg6jxTWZV • Developer tips https://t.co/8Ofj0P4de9
Kilian Valkhof @kilianvalkhof
4K Followers 1K Following Inactive here. Find me in normal places like 🦋 and 🐘. I build tools for devs and designers: @Polypane @FixA11y @SuperpositionDS
Vivek Galatage @vivekgalatage
22K Followers 995 Following browser baker • chromium contributor • enjoys compilers, systems, teaching • director of engineering: ai & systems @visteon • prev: founding eng @browsercompany
Mike Herchel's disemb... @mikeherchel
3K Followers 2K Following Not here anymore. Find me on the other apps. #Drupal core CSS maintainer. Former board @drupalassoc. Organizes @frontendawesome & @fldrupalcamp.
R 'Nearest' Nabors (t... @rachelnabors
28K Followers 572 Following building https://t.co/0KqQknKyA5 | Prev @reactjs @aws @W3C | cool glasses
Andy Luhrs @aluhrs13
2K Followers 730 Following 🐘 - @ [email protected] 🦋 - @ https://t.co/q9oSOH3I4T
sudo rm -rf fascism @misprintedtype
5K Followers 1K Following Daughter driven development. SeniorPrincipal SWE @accenturesong prev @mozilla @hoodiehq @rejectjs Big smile. Gonna eat u alive. Autocorrect hates me. Proud mom.
Kevin Powell @KevinJPowell
55K Followers 599 Following CSS Evangelist Helping people fall in love with CSS: YT: https://t.co/Zw5FMPLKQz Twitch: https://t.co/2HEmoiM37N Courses: https://t.co/BJIftdUnMN
Pankaj Parashar @pankajparashar
304 Followers 378 Following Designer. Developer. Writer. Creator & curator of @CanIDevTools.
Modern Frontends Live... @ModernFrontends
4K Followers 2K Following Modern Frontends Live! is a conference that showcases talks and workshops on Modern Web, Web Apps, Apps and everything else that powers them up!
Frontend Dogma @frontenddogma
2K Followers 0 Following News and tools for frontend developers. Undogmatically compiled by @j9t. Updated 2–3 times daily. Automated account.
Dion Almaer @dalmaer
27K Followers 6K Following Bringing nuance to a knife fight, surprisingly older than @bgalbs. AI Dev @ Google Labs. Prev: Google, Shopify, Ajaxian & more. 🌥: @almaer.com 🧵: dionalmaer
Angular News @AngularJS_News
110K Followers 6 Following Your #Angular News since 2012. #React #JavaScript #Developers 👉 @AngularJobs. Work-from-home Jobs @WFHJobsUS 🏠💼
Official Vue.js News @VueNewsletter
40K Followers 53 Following The Official Vue.js News. Curated by @DamianDulisz. Proudly supported by @VueMastery. Submit your stories at https://t.co/cXNnIS3Q5m
Julien Wajsberg (comp... @jwajsberg
2K Followers 694 Following Compte en pause longue (photo CC Emmanuelle Le Grand) (he/him) Retrouvez moi sur @[email protected] et bsky
Zach Leatherman @zachleat
20K Followers 261 Following 💩🚽 HTTP 410 ➡️🐘 Mastodon: https://t.co/ZlXpuoijFM ➡️🦋 Bluesky: https://t.co/hAffnCTiKd
siddharth ☻ @siddharthkp
20K Followers 807 Following building things for people who build things. staff design systems engineer @github. built @uidevtools, bundlesize
Paul Kinlan @Paul_Kinlan
23K Followers 4K Following Lead for Chrome DevRel @ Google. Progressive Web Apps, Mr Web Intents. Dev of many things: Twollo, Twe2, FriendDeck and https://t.co/C1nmx67K3t https://t.co/jHwOp3rPWH
SpiderMonkey @SpiderMonkeyJS
2K Followers 0 Following SpiderMonkey is Mozilla’s JavaScript and WebAssembly Engine, used in Firefox, Servo and various other projects.
Node.js @nodejs
913K Followers 599 Following The Node.js JavaScript Runtime. 🐢🚀 Need help with Node.js? We've got a repo for that: https://t.co/BaCSQqhNRO
Dev Tips by Nikita Du... @dev_tip
407 Followers 1 Following Tips and tricks related to frontend-developer daily work. By @dark_mefody
Amit Sheen @amit_sheen
6K Followers 528 Following Experienced web developer focused on pushing frontend beyond the ordinary, by creating better, more creative web experiences.
Responsive Design @RWD
131K Followers 1 Following This is where @beep curates link-y things about responsive design. He also wrote two books on the topic: https://t.co/8XU1BNnaIw
Brad Frost @brad_frost
112K Followers 559 Following I make things and help people. Web designer, teacher, consultant, speaker, writer, musician, & artist. Host of Wake Up Excited! Author of Atomic Design
Vue @vuejs
324K Followers 525 Following Progressive JavaScript framework for building modern web interfaces. Created by @evanyou, maintained by https://t.co/GBCO6zpR6W.
Ana Tudor 🐯 @anatudor
15K Followers 217 Following Mad scientist. I keep chopped up bodies in my fridge. If that got a dafuq reaction, congrats, you're in the 0.01% who read it. I don't really have a fridge.🦋🦣
JavaScript Daily @JavaScriptDaily
595K Followers 177 Following Sharing links, news, and humor about JS, TypeScript, and related front-end stuff 💛 Not affiliated with Oracle or Larry Ellison.
webhint @webhintio
1K Followers 10 Following Trying to make the web a better place for everyone, one site at a time ✨ https://t.co/Y8Uu7rYmAN
Microsoft Edge Dev @MSEdgeDev
89K Followers 177 Following Official news and updates from the Microsoft Edge team on #MicrosoftEdgeforBusiness
Chris Coyier @chriscoyier
230K Followers 3K Following Co-founder @CodePen. Podcasts @ShopTalkShow. Ran CSS-Tricks 2007-2022. I like it when you like things.
Kyle Pflug @kylealden
4K Followers 1K Following Hoopy frood who really knows where his towel is. https://t.co/H102ze7VAE
Natasha Gaitonde @natashagaitonde
125 Followers 157 Following Engineering Manager on the Microsoft Edge team. Currently working on PWAs.
Olivia Flynn @oaflynn_dev
14 Followers 29 Following SWE @EdgeDevTools; UX geek; Cat enthusiast; she/her/hers
Yang Guo @hashseed@ma... @hashseed
4K Followers 381 Following Googler. Chrome developer experience, including @ChromeDevTools. Previously @v8js. 郭扬.


























