@CanIDevTools

It is like @caniuse but for the browser devtools, created by @pankajparashar. Subscribe to the newsletter: https://xitter.cf/t.co/m3rcUFQcUI

 Inside browser
canidev.tools
Joined February 2022
  • Tweets334
  • Following21
  • Followers174
178Media
Inflation strikes again, but this time you might actually like it! The console already had $() and $$(), @FirefoxNightly, now has $$$(), which returns an array of nodes matching the selector, including those in the ShadowDOM. This should make working with Web Components easier 🙂
2
13
40
2,901
Can I DevTools? retweeted
J. Kyorov
@j_kyorov22 Oct 2024
Something freshly designed for a client 💫
43
44
2
1,116
109,151
Firefox 131 was released this weeks and we're really excited because it comes with new superpowers for debugging CSS variables and other Inspector improvements: fxdx.dev/firefox-devtools-ne… #css #webdev
Firefox DevTools Inspector rules view, showing a variable tooltip whose declaration value is `light-dark(hotpink, var(--primary-color))`. A computed value section has the following text in it `rgb(255, 105, 180)`. Below it is a `@property` section, describing the variable registered property information.

ALT Firefox DevTools Inspector rules view, showing a variable tooltip whose declaration value is `light-dark(hotpink, var(--primary-color))`. A computed value section has the following text in it `rgb(255, 105, 180)`. Below it is a `@property` section, describing the variable registered property information.

2
38
2
156
12,589
Can I DevTools? retweeted
一丝@yisibl31 Aug 2024
I've implemented a visual preview icon for the text-emphasis-style property of Chrome DevTools. Let me know what other properties you need to add previews for, such as `cursor`, `list-style-type`, etc.
8
16
2
276
18,822
Can I DevTools? retweeted
Microsoft Edge Dev
@MSEdgeDev24 Jan 2024
We recently introduced a new Activity Bar that makes it easier to recognize and discover the available Edge DevTools ⭐ Learn more about the all-new Activity Bar, and its icons: msft.it/6010ivcvy
1
6
34
3,477
Polypane 17.1 is out! ✨ Smaller release, mostly bug fixes. Get it today! polypane.app/blog/polypane-1…

Polypane 17.1 | Polypane

Polypane 17.1 is primarily a bugfix and security release, but contains a few new features and newly supported browser extensions, as well as an updated Chromium…

polypane.app
5
15
950
Can I DevTools? retweeted
Microsoft Edge Dev
@MSEdgeDev11 Jan 2024
Microsoft Edge DevTools has a brand-new look! 🥸 Learn more: msft.it/6018iWemA

Inside the all-new Edge DevTools user interface

Microsoft Edge DevTools has a brand-new look! Let’s go over what it is, why we made it, and the main improvements that the redesigned UI brings.

blogs.windows.com
2
18
70
7,049
Can I DevTools? retweeted
Bramus@bramus21 Dec 2023
CSS @​scope is now also available in Safari TP 185 🤩 See this thread for a quick intro or check out developer.chrome.com/docs/cs… for a full article on it.

Limit the reach of your selectors with the CSS @scope at-rule  |  CSS and UI  |  Chrome for...

Learn how to use @scope to select elements only within a limited subtree of your DOM.

developer.chrome.com
Bramus@bramus21 Aug 2023
Have you heard about #CSS @scope? It’s an upcoming way to scope the reach of your CSS selectors, allowing you to move away from methodologies such as BEM because you no longer need to name those in-between elements. It’s coming to Chrome 118, so let’s take a look …
CSS @scope example

ALT CSS @scope example

5
16
83
14,213
Can I DevTools? retweeted
一丝@yisibl21 Dec 2023
Yes! CSS `@scope` is coming! Note that the omission of `<scope-start>` has just been merged and is expected to be released in the next preview. github.com/WebKit/WebKit/pul…

[CSS] Implement @scope implicit by mdubet · Pull Request #21868 · WebKit/WebKit

cee8678 [CSS] Implement @scope implicit https://bugs.webkit.org/show_bug.cgi?id=266399 rdar://119659940 Reviewed by Antti Koivisto. When the @scope rule doesn't have a

github.com
WebKit@webkit20 Dec 2023
Safari Technology Preview 185 is available with updates to Accessibility, CSS, Media, Rendering, Web API, Web Inspector, WebAuthn, and WebGPU. webkit.org/blog/14885/releas…
Safari Technology Preview app icon on macOS Sonoma featuring a red and white compass needle over a purple background with white radial marks.

ALT Safari Technology Preview app icon on macOS Sonoma featuring a red and white compass needle over a purple background with white radial marks.

2
9
1,502
Can I DevTools? retweeted
一丝@yisibl21 Dec 2023
Apple proposes to add a native Switch component, using the switch attribute instead of a new element: `<input type="checkbox" switch>`. This has already been implemented in Safari TP 185 with the addition of `::track & ::thumb`. Demo: nt1m.github.io/html-switch-d…
3
36
4
171
22,681
Can I DevTools? retweeted
Ivan Akulov
@iamakulov18 Dec 2023
TIL Safari DevTools have a “Type Profiler”, which shows types the engine inferred for each JS variable ↓ Not sure why or when this can be useful in practice, but looks like a cool gimmick!
7
37
1
205
27,523
Can I DevTools? retweeted
Jecelyn Yeen 🐟@jecfish19 Dec 2023
😍 Lovely! You can mock CORS or other HTTP response headers with #ChromeDevTools. 👉🏽 developer.chrome.com/docs/de… #webdevelopment #debugging #network
12
117
10
467
50,338
Polypane 17 is out! 🥳 - Tips on all the meta tag you should be adding - A new split overlay view for the reference image - Page title and icon in the history and suggestions - Useful copy features for all images - & so much more - Running on Chromium 120 polypane.app/blog/polypane-1…

Polypane 17: Meta panel updates, Reference image split slider and Chromium 120 | Polypane

Polypane 17 ships with new features in the meta panel, a new split slider feature in the reference image tool, an updated console.table, native window controls…

polypane.app
3
1
15
1,312
Can I DevTools? retweeted
一丝@yisibl12 Dec 2023
Vertical centering used to be one of the biggest CSS layout headaches, but now the display: block element can be vertically centered by align-content: center. Which has been implemented in Chrome Canary and WebKit Nightly. Thanks @fantasai and tkent. github.com/WebKit/WebKit/pul…
13
104
45
380
215,010
For everyone that prefers checkboxes 1 & 3 (the majority it seems!) check out Polypane and live in the future. Our elements panel has been displaying it like that for years (at-rules) or a year (native CSS nesting, which we landed devtools support for ahead of most browsers)
Bramus@bramus11 Dec 2023
🪆Frontend Twitter, I need your help! How would you like to see @ChromeDevTools handle Nesting? Curly Braces? Indendation? Collapse nested selectors? Check out the prototype at codepen.io/bramus/full/rNqqe… and let me know which checkboxes you enabled to get the result you want.
3
4
686
Can I DevTools? retweeted
Bramus@bramus11 Dec 2023
🪆Frontend Twitter, I need your help! How would you like to see @ChromeDevTools handle Nesting? Curly Braces? Indendation? Collapse nested selectors? Check out the prototype at codepen.io/bramus/full/rNqqe… and let me know which checkboxes you enabled to get the result you want.
15
11
1
43
19,851
Can I DevTools? retweeted
Jecelyn Yeen 🐟@jecfish8 Dec 2023
You can save changes you made in DevTools locally with workspace! First, you need to set it up. #ChromeDevTools 👉🏽 developer.chrome.com/blog/ne… #webdevelopment #debugging
1
5
10
1,618
Say goodbye to the hassle of manually pasting URLs! 🌐✂️ @FirefoxNightly just got a game-changing upgrade!💥 Now, with the URL Paste Suggestion feature enabled by default, effortlessly explore copied links straight from the address bar! 🔗 bugzilla.mozilla.org/show_bu…

1860548 - Enable the URL Paste Suggestion feature by default in Nightly

VERIFIED (klubana) in Firefox - Address Bar. Last updated 2024-05-24.

bugzilla.mozilla.org
10
39
5,177
Can I DevTools? retweeted
Kilian Valkhof@kilianvalkhof2 Dec 2023
Replying to @kilianvalkhof @polypane
more: polypane.app/docs/layout-deb…
1
1
478
Today is Blue beanie day, "an annual international celebration of web standards". Web standards have brought the web where it is today, but it could have gone a completely different, closed direction. We have the "standardista's" to thank for that. en.wikipedia.org/wiki/Blue_B…
4
1
3
1,170
Load more