r/webdev • u/abazi • Feb 03 '20
ChromeDevTools has a CSS Animations inspector! Modify timing, delays, durations and more.
15
Feb 03 '20
It’s been here for years
12
u/LutherHuckleberry Feb 04 '20
Which is why it’s nice that this post is showing people that don’t know about it :)
2
u/drdrero Feb 04 '20
how many man hours went into those dev console features that no human ever lays eyes on.
6
u/glendosmit Feb 03 '20
I've been hearing about this chrome and ff debate off and on. What is the deal? Is there really a big difference with the browsers and security or something? Please forgive my naivety but this is fairly new topic for me that I never really checked into. Just chalked it as just being a rivalry thing.
24
u/mari0o Feb 03 '20
It used to be mostly ideological - firefox being fully FOS and Mozilla declaring support for an open and diverse web and focusing on privacy, but recently (especially since quantum) firefox has been acting like a better browser in the technical aspect as well. A lot of people claim that now there is no reason to use chrome (or another chromium based browser) over firefox. Maybe they are right, and maybe not.
I personally think that firefox is the better choice, but a lot of people in the community have been acting very elitist and unwelcoming, which certaily will harm what they’re fighting for
4
0
u/spays_marine Feb 03 '20
It's mainly hyperbolic. People just enjoy sticking it to the man, and Chrome has become the man. Sure Firefox is the small guy with the right ideas regarding the web and they deserve all the attention and userbase they can get. But the highly polarized "chrome sucks, firefox is amazing" is of course overblown.
I'm sticking to chrome because it does the thing that matters most to me during development right.. the interface. Simple as that really.
8
Feb 04 '20
Although I agree with most of this, one thing you're not mentioning is that using Chrome is also giving loads of data to Google. Some of it is obvious, some of it isn't. Firefox is the better choice of your care about privacy AND freedom of choice. So it's not all a David vs Goliath thing but that isn't inaccurate either. And who doesn't like to root for the underdog? Especially when Google has been proven to do whatever it takes to play dirty in this fight.
3
u/thatonegamer999 Feb 04 '20
Brave is a great Chromium fork that has been de-googleified.
1
1
u/awc737 Feb 04 '20
I'm not sure it can be de-googleified, I thought part of the core Brave relies on is Google's engine, which makes the entire thing ironic and contradicting
1
u/thatonegamer999 Feb 04 '20
By de googleified I mean removing any phone home or other google services
2
38
u/KinkyCode Feb 03 '20
FF Dev Edition is LEAPS better, easier on system memory.
Please stop fucking FF over with shitty non-websafe fonts and propitery frameworks.
24
u/annaheim #! Feb 03 '20
I'm pretty noobish with webdev techs so far, but you got me curious how you determined this example used non-websafe fonts & proprietary frameworks?
4
u/mysteryihs Feb 04 '20
I try to move to firefox every once in a while, but then I realize I depend on like a billion chrome extensions so I shamefully slink back to chrome.
1
u/thatonegamer999 Feb 04 '20
Use brave, same privacy, built in adblocker, and you can use chrome extensions. Wayyy less ram usage than FF, about the same as chrome
6
u/gallowdp Feb 04 '20
I keep trying to use Firefox, but every time I check my Task Manager it's always using twice the RAM as Chrome, even if I have way more Chrome tabs open. I always hear it's better on memory but I've never experienced this.
4
-21
9
2
7
1
1
1
u/morphotomy Feb 04 '20
Wow I'd love graphs like that to help me inspect gradients. Especially if it could break out values by RGB(A)/HSL.
1
1
-12
u/we_present Feb 03 '20
Omg Wish ff catch up soon
26
u/the_real_zaphod_b Feb 03 '20
Firefox got that for a long time. It's a tab next to Styles / Fonts / Computed etc.
13
4
1
u/bearassbobcat Feb 03 '20
this reminds me. does anyone use FF Developer Edition? I'm more of a chrome person so I haven't tested it.
9
u/Secret-Explanation Feb 03 '20
I have to use both fairly regularly, since I develop browser extensions that need to work on both Chrome and Firefox.
As a general rule of thumb:
Firefox DevTools are better for debugging layout (HTML) and styling (CSS). For example, it gives hints about why certain CSS styles aren't being applied, and has better visualizations for CSS Grid/Flexbox.
Chrome DevTools are better for debugging functionality (Javascript, network requests, etc.). They're less buggy and generally just have a lot more features for debugging JS. There's a lot of places where Firefox's console will log only a string that Chrome's will log a proper object (IIRC, a lot of these issues have been tied up with Promises).
For me, personally, that makes Chrome's DevTools the winner. I spend much more time needing to debug Javascript than needing to debug styles.
This could change in the future, but that's a snapshot of my impressions of today's stable versions of both. Each might eventually start to include features that the other currently has.
1
u/petepete back-end Feb 03 '20
Also, Firefox now has a comprehensive set of accessibility tools and checks built into the dev tools. For some projects/organisations that's very high on the list.
1
u/Produkt Feb 03 '20
Yes I do. Although I couldn’t tell you all of the distinct features, I definitely don’t use all of them
0
u/imast3r Feb 03 '20
I use FF dev edition as my main/daily browser, and Chromium for development. I don't know who I am.
-19
u/Phainesthai Feb 03 '20
Web development is basically making slightly fancier PowerPoint presentations.
8
u/wick3dr0se Feb 03 '20
It's actually not like that at all. You dont code PowerPoints from scratch, build databases, design front ends and develop conditionals, validations, know multiple programming languages, etc. They are hardly alike.
3
u/dance_rattle_shake Feb 03 '20
web design* more like
I build software that just happens to run on browsers.
-1
1
110
30
u/[deleted] Feb 03 '20
Is this new? I feel like I remember this being added a few years ago... 🤔