RT @umaar: DevTools Tip π‘οΈ You can reveal exactly which font is being used on an inspected element Since font-family can specify fallback fonts, how do you know which one is applied? That's what the Rendered Fonts pane shows you More info: https://t.co/oe7xcy7MX4 https://t.co/9iCTFemaRN
_____
http://twitter.com/ChromeDevTools/status/1279120183034933248
_____
http://twitter.com/ChromeDevTools/status/1279120183034933248
Umaar
Understand which font is being rendered - Chrome DevTools - Dev Tips
Chrome DevTools - Reveal exactly which font is being used on the inspected element
RT @addyosmani: β€οΈ the Performance Monitor in @ChromeDevTools. Gives you a real-time view of CPU use, JS heap size, JS event listeners, style recalcs & more: https://t.co/tc6CyTya3O https://t.co/BWSi8klGkE
_____
http://twitter.com/ChromeDevTools/status/1280554784425078785
_____
http://twitter.com/ChromeDevTools/status/1280554784425078785
@frontenddude @FirefoxDevTools ππ https://t.co/uXovDkk7Cz
_____
http://twitter.com/ChromeDevTools/status/1280860114333753345
_____
http://twitter.com/ChromeDevTools/status/1280860114333753345
YouTube
Dwayne Johnson - You're Welcome (From "Moana")
Watch all Frozen 2 music videos featuring "Into the Unknown" here: https://disneymusic.co/Frozen2/Vevo?IQid=dmvevomoana
πππ
Stream Disney's Moana on Disney+.
Disney+ is the only place to stream your favorites from Disney, Pixar, Marvel, Star Wars, Nationalβ¦
πππ
Stream Disney's Moana on Disney+.
Disney+ is the only place to stream your favorites from Disney, Pixar, Marvel, Star Wars, Nationalβ¦
RT @addyosmani: Use animations? The @ChromeDevTools now has a refreshed frame rate meter. This provides better real-time estimates for page smoothness. https://t.co/1SPq45Fyxf
_____
http://twitter.com/ChromeDevTools/status/1281485642585632768
_____
http://twitter.com/ChromeDevTools/status/1281485642585632768
Twitter
Addy Osmani
Use animations? The @ChromeDevTools now has a refreshed frame rate meter. This provides better real-time estimates for page smoothness.
Did you notice that we redesign the breakpoint and logpoint in Chrome Canary? π It's much easier to differentiate them now. Comment and let us know if you like it! π Don't you think these colors look good in both light and dark theme? π https://t.co/PlqEiPKk2d
_____
http://twitter.com/ChromeDevTools/status/1281596538746105856
_____
http://twitter.com/ChromeDevTools/status/1281596538746105856
Twitter
Chrome DevTools
Did you notice that we redesign the breakpoint and logpoint in Chrome Canary? π It's much easier to differentiate them now. Comment and let us know if you like it! π Don't you think these colors look good in both light and dark theme? π
RT @____lighthouse: Lighthouse 6.1 is out! Includes: π§΅ A new audit for longest main-thread-blocking tasks π¨ Better attribution for Cumulative Layout Shift ...and more! https://t.co/MNkRepWdjR https://t.co/I9lUAuJUbU
_____
http://twitter.com/ChromeDevTools/status/1281644822483234817
_____
http://twitter.com/ChromeDevTools/status/1281644822483234817
GitHub
GoogleChrome/lighthouse
Automated auditing, performance metrics, and best practices for the web. - GoogleChrome/lighthouse
@rafael_sps Unfortunately no. CPU throttling is implemented by adding delays in the event loop. It is not fine granular enough to apply to only a section of code.
_____
http://twitter.com/ChromeDevTools/status/1281654798027120642
_____
http://twitter.com/ChromeDevTools/status/1281654798027120642
Twitter
Chrome DevTools
@rafael_sps Unfortunately no. CPU throttling is implemented by adding delays in the event loop. It is not fine granular enough to apply to only a section of code.
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