[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
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
RT @andreban: Help us shape the future of the Android WebView! If your app uses the WebView, directly or indirectly, the team is interested in your feedback. If you have a few minutes to spare, help us by filling the survey at: https://t.co/beTmZctXBk.
_____
http://twitter.com/ChromeDevTools/status/1295587023319793665
_____
http://twitter.com/ChromeDevTools/status/1295587023319793665
Google Docs
Android WebView Developer Satisfaction Research
The Android WebView team is looking into understand how developers use the WebView, how much they are aware of some of the recent features and overall satisfaction with it. Please, help us improve the Android WebView by answering the following questions.
What's new in DevTools in Chrome 86? ✨ 📹 New Media panel 👋🏽 Goodbye Issues warning bar 🤖 3 new emulations 📸 Capture node screenshot Try in Chrome Canary today! Full list of goodies 👉🏼 https://t.co/wLInTnw9UX https://t.co/6Yy6IMLBMl
_____
http://twitter.com/ChromeDevTools/status/1296511053044490240
_____
http://twitter.com/ChromeDevTools/status/1296511053044490240
Google Developers
What's New In DevTools (Chrome 86) | Web | Google Developers
New Media panel, capture node screenshot, Issues tab updates, emulate missing local fonts, inactive users and prefers-reduced-data.
The Properties pane is back in Chrome 86. In a future version of #ChromeDevTools, we are going to improve the workflow for inspecting properties of elements. Read more 👉🏼 https://t.co/vypzWXI2Ra https://t.co/p6JDWQcfLV
_____
http://twitter.com/ChromeDevTools/status/1297924250741817347
_____
http://twitter.com/ChromeDevTools/status/1297924250741817347
RT @mikolajdobrucki: In new @ChromeDevTools, you can finally disable local fonts loading! 🎉 which basically makes your browser behave like it doesn't have any of the local fonts you've installed Why is it so cool? [1/4] https://t.co/PDBCXpAMlT
_____
http://twitter.com/ChromeDevTools/status/1298571528460632066
_____
http://twitter.com/ChromeDevTools/status/1298571528460632066
Twitter
Mikolaj Dobrucki
In new @ChromeDevTools, you can finally disable local fonts loading! 🎉 which basically makes your browser behave like it doesn't have any of the local fonts you've installed Why is it so cool? [1/4]