RT @umaar: DevTools Tip π₯οΈ Improve page accessibility by emulating vision deficiencies More info: https://t.co/KrkDUIWCjj #devtools #a11y https://t.co/vEU4uL0xA9
_____
http://twitter.com/ChromeDevTools/status/1281851064661270528
_____
http://twitter.com/ChromeDevTools/status/1281851064661270528
Twitter
Umar Hansa
DevTools Tip π₯οΈ Improve page accessibility by emulating vision deficiencies More info: https://t.co/KrkDUIWCjj #devtools #a11y https://t.co/vEU4uL0xA9
RT @argyleink: New in @ChromeDevTools Canary, emulate `prefers-reduced-data` π Flip that experiment flag on and give it a prototype won't ya! π chrome://flags/#enable-experimental-web-platform-features https://t.co/uh3rWw84bV
_____
http://twitter.com/ChromeDevTools/status/1281851893069881344
_____
http://twitter.com/ChromeDevTools/status/1281851893069881344
Twitter
Adam Argyle
New in @ChromeDevTools Canary, emulate `prefers-reduced-data` π Flip that experiment flag on and give it a prototype won't ya! π chrome://flags/#enable-experimental-web-platform-features
RT @rowan_m: Quick thread π§΅ on setting a SameSite value for your cookies, as I've seen a few misconceptions. I promise it's quick: 1β£2β£3β£
_____
http://twitter.com/ChromeDevTools/status/1281852632701829121
_____
http://twitter.com/ChromeDevTools/status/1281852632701829121
Twitter
Rowan Merewood
Quick thread π§΅ on setting a SameSite value for your cookies, as I've seen a few misconceptions. I promise it's quick: 1β£2β£3β£
RT @getify: Hey JS! Need your attention for a *moment* (pun intended). TC39 is working on Temporal, a powerful Date/Time API. They **REALLY** need real-world dev feedback! Quick blog post, with links to docs, cookbook, and polyfill: https://t.co/g8E3FqHBTd Don't miss the feedback survey.
_____
http://twitter.com/ChromeDevTools/status/1281853496141189121
_____
http://twitter.com/ChromeDevTools/status/1281853496141189121
Twitter
getify
Hey JS! Need your attention for a *moment* (pun intended). TC39 is working on Temporal, a powerful Date/Time API. They **REALLY** need real-world dev feedback! Quick blog post, with links to docs, cookbook, and polyfill: https://t.co/g8E3FqHBTd Don't missβ¦
RT @sulco: "Live Expression" is something I don't see used a lot in @ChromeDevTools, but if you want to track value changes over time, it's one of the most convenient tools for it out there! [#DevAdventCalendar day 23] https://t.co/4Xvb49qYVH
_____
http://twitter.com/ChromeDevTools/status/1282144266936958976
_____
http://twitter.com/ChromeDevTools/status/1282144266936958976
Twitter
Tomek SuΕkowski
"Live Expression" is something I don't see used a lot in @ChromeDevTools, but if you want to track value changes over time, it's one of the most convenient tools for it out there! [#DevAdventCalendar day 23] https://t.co/4Xvb49qYVH
[1/2] Feedback needed! ππΌ Want to disable local() src in font-face rules for better testing during development? Chrome Canary now lets you do that. Watch it in action! ππΌ ps: Google Fonts use local() fonts under the hood to speed up font loading. But! https://t.co/ovVSKGeeBV
_____
http://twitter.com/ChromeDevTools/status/1282684163062022145
_____
http://twitter.com/ChromeDevTools/status/1282684163062022145
Twitter
Chrome DevTools
[1/2] Feedback needed! ππΌ Want to disable local() src in font-face rules for better testing during development? Chrome Canary now lets you do that. Watch it in action! ππΌ ps: Google Fonts use local() fonts under the hood to speed up font loading. But! htβ¦
[2/2] π§ How should we handle those cases where: π custom font is installed locally, but β οΈ no @font-face rules in CSS? <p style="font-family: 'Custom';">Oops</p> <style>/* no font-face */</style> Fill in this form https://t.co/u7GGDDMZhQ and let us know!
_____
http://twitter.com/ChromeDevTools/status/1282684165175967744
_____
http://twitter.com/ChromeDevTools/status/1282684165175967744
Google Docs
DevTools Survey: Disable local fonts
This is a short 5 questions survey on the "Disable local fonts" option.
Background:
Chrome DevTools now lets you disable local() source in @font-face rule with the new "Disable local fonts" option in Chrome Canary.
Example:
Watch the demo below, Rubikβ¦
Background:
Chrome DevTools now lets you disable local() source in @font-face rule with the new "Disable local fonts" option in Chrome Canary.
Example:
Watch the demo below, Rubikβ¦
Do you have a set of console commands that you repeat often? You don't have to go through console history for that! You can execute snippets in the command menu (Cmd+P or CTRL+P) with ! as prefix. https://t.co/jI51NX4NFW
_____
http://twitter.com/ChromeDevTools/status/1283046341204041728
_____
http://twitter.com/ChromeDevTools/status/1283046341204041728
Twitter
Chrome DevTools
Do you have a set of console commands that you repeat often? You don't have to go through console history for that! You can execute snippets in the command menu (Cmd+P or CTRL+P) with ! as prefix. https://t.co/jI51NX4NFW
Chrome 84 is here! β‘οΈ Be sure to update your Chrome and check out the new Issues tab in DevTools and more! Full list of What's new in DevTools ππΌ https://t.co/zOblkhcUum https://t.co/QzuCv1IDlS
_____
http://twitter.com/ChromeDevTools/status/1283408478837583872
_____
http://twitter.com/ChromeDevTools/status/1283408478837583872
Google Developers
What's New In DevTools (Chrome 84) | Web | Google Developers
The new Issues tab, accessibility information in the Inspect Mode tooltip, and more.
RT @umaar: Love this subtle yet handy Chrome DevTools feature If you copy some deactivated style rules, they are commented out when you paste them π₯οΈοΈ More info here: https://t.co/Wc9Q8jLFBX #devtools @ChromeDevTools https://t.co/WJ0Wr3em1A
_____
http://twitter.com/ChromeDevTools/status/1283473881215401986
_____
http://twitter.com/ChromeDevTools/status/1283473881215401986
Twitter
Umar Hansa
Love this subtle yet handy Chrome DevTools feature If you copy some deactivated style rules, they are commented out when you paste them π₯οΈοΈ More info here: https://t.co/Wc9Q8jLFBX #devtools @ChromeDevTools https://t.co/WJ0Wr3em1A
ππΎππΎππΎ https://t.co/9yCJi2xh80
_____
http://twitter.com/ChromeDevTools/status/1285226728592310272
_____
http://twitter.com/ChromeDevTools/status/1285226728592310272
Twitter
Chrome DevTools
[1/2] Feedback needed! ππΌ Want to disable local() src in font-face rules for better testing during development? Chrome Canary now lets you do that. Watch it in action! ππΌ ps: Google Fonts use local() fonts under the hood to speed up font loading. But! htβ¦
RT @umaar: There's now +4 hours of video content on https://t.co/BwQHhjk6wE π Pleased to say that most of the videos cover practical case studies using real world websites https://t.co/PbFjrNiWrV
_____
http://twitter.com/ChromeDevTools/status/1285260486859251712
_____
http://twitter.com/ChromeDevTools/status/1285260486859251712
Moderndevtools
Modern DevTools - A video based web performance course
Premium DevTools video course, advanced performance debugging, service workers, front end security and more
RT @umaar: Here's a free lesson on Accessibility debugging with @ChromeDevTools https://t.co/SAxllMJ9uV Where we look at Colour contrast π¨οΈ Accessibility pane ποΈοΈ Accessibility audits π»οΈοΈ
_____
http://twitter.com/ChromeDevTools/status/1285260638063910914
_____
http://twitter.com/ChromeDevTools/status/1285260638063910914
Moderndevtools
Lesson 14 - Modern DevTools
Premium DevTools video course, advanced performance debugging, service workers, front end security and more
@nairgirish24 @googlechrome It's fixed! Try it in Chrome Canary now. https://t.co/gTPcUHQcxB
_____
http://twitter.com/ChromeDevTools/status/1285869521010438145
_____
http://twitter.com/ChromeDevTools/status/1285869521010438145
Did you know that you can export coverage data that Chrome DevTools collects as JSON? Even better, Puppeteer also provides an API to collect coverage: https://t.co/YZ0bOFdKJO https://t.co/7rqo5fegVV
_____
http://twitter.com/ChromeDevTools/status/1286663677240737793
_____
http://twitter.com/ChromeDevTools/status/1286663677240737793
RT @argyleink: Animation DevTools are soooo great!! Scrubbing the timeline came in handy today as I was inspecting a keyframe animation I was getting lost within https://t.co/TmttA8Uh5B
_____
http://twitter.com/ChromeDevTools/status/1286876437975244800
_____
http://twitter.com/ChromeDevTools/status/1286876437975244800
Twitter
Adam Argyle
Animation DevTools are soooo great!! Scrubbing the timeline came in handy today as I was inspecting a keyframe animation I was getting lost within https://t.co/TmttA8Uh5B
π£ The Issues banner is now showing *slightly* less frequent - once per session. π We are now working on improving the experience even further in the coming releases. ππΌ Track the progress & feedback: https://t.co/8AIeH7IgCp ππΌ Details on current fix: https://t.co/Cy49Ir0LAY https://t.co/yTn7xcw0Kv
_____
http://twitter.com/ChromeDevTools/status/1288119521233043456
_____
http://twitter.com/ChromeDevTools/status/1288119521233043456
TGIF! A tips for you! When loading responsive image with <picture> tag, how do you know which is the current image source? Hover to <img>, it will show you the currentSrc! https://t.co/lhoFIaWWN9
_____
http://twitter.com/ChromeDevTools/status/1289206685249282052
_____
http://twitter.com/ChromeDevTools/status/1289206685249282052
Twitter
Chrome DevTools
TGIF! A tips for you! When loading responsive image with <picture> tag, how do you know which is the current image source? Hover to <img>, it will show you the currentSrc!
RT @paul_irish: @James0x57 This is wild! The @ChromeDevTools layers panel does a cool job illuminating the composition. https://t.co/72QeamfLmj
_____
http://twitter.com/ChromeDevTools/status/1289309496175599616
_____
http://twitter.com/ChromeDevTools/status/1289309496175599616
Twitter
Paul Irish
@James0x57 This is wild! The @ChromeDevTools layers panel does a cool job illuminating the composition.
@danielvanc @EdgeDevTools Turn the settings on! Settings > Experiments > Enable new CSS Grid debugging features.
_____
http://twitter.com/ChromeDevTools/status/1290335475467563008
_____
http://twitter.com/ChromeDevTools/status/1290335475467563008
Twitter
Chrome DevTools
@danielvanc @EdgeDevTools Turn the settings on! Settings > Experiments > Enable new CSS Grid debugging features.
RT @mgechev: Tooling tip: Chrome DevTools can help you pick colors with a good contrast ratio https://t.co/2QJtYYd4rn
_____
http://twitter.com/ChromeDevTools/status/1293955223526883328
_____
http://twitter.com/ChromeDevTools/status/1293955223526883328
Twitter
Minko Gechev
Tooling tip: Chrome DevTools can help you pick colors with a good contrast ratio https://t.co/2QJtYYd4rn