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]
Chrome 85 is here! π Be sure to update your Chrome and audit your page with the latest Lighthouse (with Core Web Vitals, https://t.co/4mw0hTFm9b) in DevTools and more! Full list of What's new in DevTools ππΌ https://t.co/bA8odSG5kc https://t.co/lHulmTMf8A
_____
http://twitter.com/ChromeDevTools/status/1298652882623844353
_____
http://twitter.com/ChromeDevTools/status/1298652882623844353
web.dev
Web Vitals
Essential metrics for a healthy site
DevTools video series is back! Watch @JecelynYeen summarizes the top 3 new features in #ChromeDevTools 85! Oh, and a bonus tip as usual. π https://t.co/5pPBC9DA0s
_____
http://twitter.com/ChromeDevTools/status/1299719706186674178
_____
http://twitter.com/ChromeDevTools/status/1299719706186674178
YouTube
Chrome 85 - Whatβs New in DevTools
New to DevTools in Chrome 85:
0:18 Style editing for CSS-in-JS framework
0:52 Lighthouse 6 in the Lighthouse panel
2:16 Support for new JavaScript features
2:56 Bonus tips: Use snippets for quick access to console commands
Links:
Check out the blog versionβ¦
0:18 Style editing for CSS-in-JS framework
0:52 Lighthouse 6 in the Lighthouse panel
2:16 Support for new JavaScript features
2:56 Bonus tips: Use snippets for quick access to console commands
Links:
Check out the blog versionβ¦
π And yes, you can use #ChromeDevTools to test the :focus-visible state too! https://t.co/clcl1qez4U https://t.co/B14y78AeQB
_____
http://twitter.com/ChromeDevTools/status/1301541825706995713
_____
http://twitter.com/ChromeDevTools/status/1301541825706995713
Twitter
Chrome Developers
:focus-visible and the Quick Focus Highlight are new in Chrome 86! :focus-visible helps developers build more accessible sites with improved focus states. The Quick Focus Highlight gives users more control over when they see focus styles. https://t.co/Put9eR9yhq
RT @mgechev: Tooling tip: In Chrome DevTools you can copy the CSS selector of given element: Inspect -> Right click -> Copy -> Copy JS path https://t.co/enFHUsqSg8
_____
http://twitter.com/ChromeDevTools/status/1301776188260532225
_____
http://twitter.com/ChromeDevTools/status/1301776188260532225
Twitter
Minko Gechev
Tooling tip: In Chrome DevTools you can copy the CSS selector of given element: Inspect -> Right click -> Copy -> Copy JS path https://t.co/enFHUsqSg8
RT @argyleink: in Chromium 86 now: 1-click #accessibility color contrast correction for AA and AAA ratios π Struggle to fix failing contrast ratios? Tired of the guess and check? @ChromeDevTools has your back. Here's a video of me fixing a few pesky ratio's with the new feature π https://t.co/U5ryW6p1Gl
_____
http://twitter.com/ChromeDevTools/status/1301878755867140098
_____
http://twitter.com/ChromeDevTools/status/1301878755867140098
Twitter
Adam Argyle
in Chromium 86 now: 1-click #accessibility color contrast correction for AA and AAA ratios π Struggle to fix failing contrast ratios? Tired of the guess and check? @ChromeDevTools has your back. Here's a video of me fixing a few pesky ratio's with the newβ¦
RT @addyosmani: In @ChromeDevTools, you can now right-click any element to take a screenshot of that element! https://t.co/iidfKIKN1P https://t.co/6RDcNqTBgh
_____
http://twitter.com/ChromeDevTools/status/1301878781402132481
_____
http://twitter.com/ChromeDevTools/status/1301878781402132481
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.
π₯ *drumroll* Introducing the new #ChromeDevTools engineering blog! The first post by @TimvdLippe will take you through our journey of migrating DevTools from legacy custom module format to JavaScript modules. https://t.co/j1x3EoBeCk Stay tuned for more engineering content! π€© https://t.co/OnaQAtGIFA
_____
http://twitter.com/ChromeDevTools/status/1303702200078618625
_____
http://twitter.com/ChromeDevTools/status/1303702200078618625
Google Developers
DevTools architecture refresh: Migrating to JavaScript modules | Web
How we migrate Chrome DevTools to JavaScript modules. The Chrome DevTools engineering blog - by the developers who build the DevTools.
π€ [1/2] Poll time! Your opinion needed for CSS grid: soon you can toggle overlays that highlight grid lines and gaps. Should these overlays be: https://t.co/sGwE55Dca1
_____
http://twitter.com/ChromeDevTools/status/1304433170805211137
_____
http://twitter.com/ChromeDevTools/status/1304433170805211137
A-ha! Someone mentioned Twitter compressed our video, so here are the additional screenshots for your reference! https://t.co/c7S337sP5P
_____
http://twitter.com/ChromeDevTools/status/1304438126396411909
_____
http://twitter.com/ChromeDevTools/status/1304438126396411909
RT @addyosmani: If JavaScript libraries are proving costly, replace them with smaller alternatives. Lighthouse in @ChromeDevTools now recommends smaller libraries that improve bundle size. https://t.co/VFe8TFV9Y5
_____
http://twitter.com/ChromeDevTools/status/1304688309969457152
_____
http://twitter.com/ChromeDevTools/status/1304688309969457152
Twitter
Addy Osmani
If JavaScript libraries are proving costly, replace them with smaller alternatives. Lighthouse in @ChromeDevTools now recommends smaller libraries that improve bundle size.
RT @sulco: Ever tried debugging an element that keeps disappearing when it loses focus once you start using devtools? Well dang me to heck there is an "Emulate a focused page" option in @ChromeDevTools just for that π€― (you can get it from the [β]+[P] Command Menu, or Global Preferences) https://t.co/O17CW4KAZm
_____
http://twitter.com/ChromeDevTools/status/1305869435933204481
_____
http://twitter.com/ChromeDevTools/status/1305869435933204481
Twitter
Tomek SuΕkowski
Ever tried debugging an element that keeps disappearing when it loses focus once you start using devtools? Well dang me to heck there is an "Emulate a focused page" option in @ChromeDevTools just for that π€― (you can get it from the [β]+[P] Command Menu, orβ¦
How expensive is it to migrate DevTools to use JavaScript modules? Does the effort worth it? π€ Find out more from our very own engineer, @TimvdLippe! π https://t.co/j1x3EoBeCk https://t.co/ewHyTehaLW
_____
http://twitter.com/ChromeDevTools/status/1308775981180624896
_____
http://twitter.com/ChromeDevTools/status/1308775981180624896
Google Developers
DevTools architecture refresh: Migrating to JavaScript modules | Web
How we migrate Chrome DevTools to JavaScript modules. The Chrome DevTools engineering blog - by the developers who build the DevTools.
π’ New engineering blog! "How we built the Issues tab" by Jan Scheffler & @sigurdschn takes you through the design, prototyping and implementation of the new Issues tab. ππΌ https://t.co/HCUfpCRAvh https://t.co/MzPbJx3BNK
_____
http://twitter.com/ChromeDevTools/status/1309500405353795584
_____
http://twitter.com/ChromeDevTools/status/1309500405353795584
Google Developers
How we built the Chrome DevTools Issues tab | Web | Google Developers
How we built the Chrome DevTools Issues tab. The Chrome DevTools engineering blog - by the developers who build the DevTools.
What's new in DevTools in Chrome 87? β¨ π€© New CSS Grid debugging tools!!! π New WebAuthn tab β Move tools up and down π New Computed sidebar pane Try in Chrome Canary today! Full list of goodies ππΌ https://t.co/4fdjGgAuYt https://t.co/eKV1If9M7f
_____
http://twitter.com/ChromeDevTools/status/1311678505751543809
_____
http://twitter.com/ChromeDevTools/status/1311678505751543809
Google Developers
What's New In DevTools (Chrome 87) | Web | Google Developers
New CSS Grid debugging tools, Web Authn tab, moveable tools and Computed sidebar pane.