|
Firefox DevTools
@
FirefoxDevTools
|
|
Built for you to design, code, test, refine.
Follow us for announcements, tips, sneak peeks, and more!
|
|
|
1.392
Tweetovi
|
55
Pratim
|
33.829
Osobe koje vas prate
|
| Tweetovi |
| Firefox DevTools proslijedio/la je tweet | ||
|
Brad Frost
@brad_frost
|
3 h |
|
I changed my default browser/search setup on both desktop and mobile to Firefox/DuckDuckGo. It was incredibly painless and literally haven't noticed anything different besides the UI.
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Florens Verschelde
@fvsch
|
1. velj |
|
You don’t have to open the main @FirefoxDevTools pane to use the Eyedropper. If you put the "Developer" button in your toolbar, it‘s two clicks away. pic.twitter.com/OfKvuZf0g7
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Eric Meyer, CSS Nerd
@meyerweb
|
30. sij |
|
I was working on some `:visited` styles, and couldn’t figure out why the alpha of my `hsla()` was being ignored. I moved it to `opacity` and it still was ignored… but Firefox reminded me WHY it was being ignored. Thank you, Firefox! I had somehow forgotten about those limits. pic.twitter.com/hcIlVswQ8y
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Valentino Gagliardi
@gagliardi_vale
|
24. sij |
|
Want to contribute to @FirefoxDevTools? I wrote a thing about the Dev Tools architecture while submitting my first patch. Enjoy!
valentinog.com/blog/firefox/
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Shi Ling
@taishiling
|
24. sij |
|
#TIL
The @FirefoxDevTools tells you which elements have scroll overflows!!
I've spent countless hours debugging why I'm seeing two scrollbars in the past, this is a life saver! pic.twitter.com/1KepWP55zN
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
22. sij |
|
📢Just in 📢
New CSS warning when top, right, bottom, left or z-index are used on a non-positioned element.
Try it out today on @FirefoxNightly! pic.twitter.com/DOHbHJXtAR
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Zach Leatherman
@zachleat
|
17. sij |
|
Really enjoying this @FirefoxDevTools tag in the Inspector tab that tells you which elements are scrolling. Very handy! pic.twitter.com/dAX3e1FwD2
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
16. sij |
|
Exclusion filtering in Console was brought up by @wesbos in twitter.com/wesbos/status/….
Cutting through log noise can be a grind, so DevEdition 73 now has this quality of life improvement.
mozilla.org/en-US/firefox/…
(Patched by @digitarald, yours truly, in bugzilla.mozilla.org/show_bug.cgi?i…) pic.twitter.com/3W3aEz0lwm
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
16. sij |
|
In case you missed @syntaxfm's "A Month on Firefox" (aka "DevTools are really good"): syntax.fm/show/213/hasty…
One of the bugs mentioned by @wesbos was CORS errors. CORS can be a headache, so in DevEdition 73 those work as expected – 🙏 to @bz_moz. /@digitarald pic.twitter.com/RG9tMSYSlw
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Valentino Gagliardi
@gagliardi_vale
|
16. sij |
|
So I ventured into contributing to @FirefoxDevTools. I want to add a "Store as global variable" in the breakpoint panel. The dev tool is a giant React/Redux app. I've got a first working POC against any hope 😅. The team is super helpful and welcoming, will document my journey. pic.twitter.com/o5inBgahsd
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
14. sij |
|
🕵️♀️ Who scheduled this event that fired and called a promise?
Trace Errors and Logs back to their asynchrounous origins: 🙌🏻 Asynchronous Stacks for Console
(just landed in Nightly for Debugger)
Exclusive in DevEdition for now: mozilla.org/en-US/firefox/… pic.twitter.com/7VeFgUuWMF
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
14. sij |
|
Some of the gems in Firefox 72 that make browsing more delightful:
🖼️ Picture-in-Picture for Mac/Linux
🔕 Less permission spam by requiring user gestures
🌇 CSS: Shadow Parts, Motion Path, Individual transform props
👁️ Debug Variables with Watchpoints
hacks.mozilla.org/2020/01/firefo…
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Wes Bos
@wesbos
|
13. sij |
|
Both @stolinski and I did one month with @firefox and @FirefoxDevTools.
Are we staying on Firefox? Is it better for development? Where did it fall short? New podcast up → syntax.fm/show/213/hasty…
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Matt James
@mattFrankJames
|
13. sij |
|
@syntaxfm the changes tab in @FirefoxDevTools has been CRITICAL to helping my web design students design in the browser. And, being able to see the events assigned to DOM elements in the inspector has helped immensely when navigating a project with hundreds of JS files. 🎉🔥
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
8. sij |
|
And as always, feel free to ping us here or in bugzilla for all your feedback and improvements ideas.
If you want long-form disussions or questions, we also got a discourse: discourse.mozilla.org/c/devtools/213
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
8. sij |
|
No matter how you create (design, develop, maintain, document, etc) on the open web, how experienced you are, or which browser you prefer …
Please let us hear your thoughts on how to make debugging better:
📣 qsurvey.mozilla.com/s3/firefox-rep…
(just takes about 5min)
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
8. sij |
|
Time to check out Firefox again, then – inspector's color picker shows color contrast and a11y panel audits them.
It is also not limited to nodes with background color as it can calculate contrast ratios for background images and gradients.
/@digitarald
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
6. sij |
|
The console autocomplete popup now displays variables, functions and classes declared in the input (even if the expression wasn't evaluated yet).
This should help when writing longer snippets 🙂
— @nicolaschevobbe pic.twitter.com/Yaf92pNoj8
|
||
|
|
||
| Firefox DevTools proslijedio/la je tweet | ||
|
Brian Vaughn
@brian_d_vaughn
|
3. sij |
|
⚛️🛠 React DevTools v4.4 just published to Chrome and Firefox!
Most exciting change is adding the "copy value" context option to Firefox. Special thanks to @jasonlaster11 and @lucagreco for helping work through this!
Full changelog available on GitHub:
github.com/facebook/react… pic.twitter.com/4E8mV8Fuuq
|
||
|
|
||
|
Firefox DevTools
@FirefoxDevTools
|
31. pro |
|
✨ First round of changes to the community website are live! Almost all the text has been rewritten: firefox-dev.tools
✏️ Now we'll work on refreshing the contributor docs. As before, feel free to follow along on slack or chime in on github. github.com/firefox-devtoo… —V
|
||
|
|
||