captainbrosset

8 ms·

1.
by captainbrosset 3y ago
devtoolstips is a website that gives tips and tricks about how to use devtools (in edge, firefox, chrome, safari, and even polypane). Polypane is a development browser. There's absolutely nothing in common between the two. And, by the
2.
by captainbrosset 3y ago
That's not the case. I only added the survey much later. The survey is just a little thing I added to try and get people to share their frustrations with DevTools, as a way for me to think of other tips that they may find useful, and t
3.
by captainbrosset 3y ago
I'm the author of devtoolstips. What exactly makes it feel like a list of ads to you? I'd love to understand this more. I'm, by no mean, a designer, and I do this in my free time. But if there's something that would mak
4.
by captainbrosset 3y ago
The Issues panel in Chrome and Edge give you recommendations about how to make your website better. This is different from devtoolstips.org which gives you tips for how to use DevTools better.
5.
by captainbrosset 3y ago
I would love to add more Safari tips to the site! Please let me know what other features are missing. Also, the site is open source and lets people add their own tips via: https://github.com/captainbrosset/devtools-tips
6.
What's Open Web Docs? / Help ensure a bright future for web platform docs(patrickbrosset.com)
1 points by captainbrosset 3y ago|0 comments
7.
by captainbrosset 4y ago
An in-depth look at how radial-gradients really work in CSS, so you can confidently use them and avoid the guess work.
8.
What's New in Chrome, Edge, Firefox, and Safari DevTools(smashingmagazine.com)
1 points by captainbrosset 5y ago|0 comments
9.
Debug DOM memory leaks with the new Detached Element tool(blogs.windows.com)
2 points by captainbrosset 5y ago|0 comments
10.
Visualize the effect of CSS transforms in Firefox(devtoolstips.org)
2 points by captainbrosset 5y ago|0 comments
11.
by captainbrosset 5y ago
Eyedropper apps/utilities are very common. But the advantages of this one are: - it's in the browser toolbar, where people spend a lot of time, so it's easy to use - it can pick colors from the entire screen(s), it isn't
12.
Simple Chrome extension to grab colors from anywhere on the screen(chrome.google.com)
2 points by captainbrosset 5y ago|1 comments
13.
Edge isn't IE, and it's not Chrome either(dev.to)
2 points by captainbrosset 5y ago|1 comments
14.
Do you really understand CSS linear gradients(patrickbrosset.com)
4 points by captainbrosset 5y ago|0 comments
15.
10 Ways to Handle Files on the Web!(patrickbrosset.com)
4 points by captainbrosset 5y ago|0 comments
16.
by captainbrosset 5y ago
Yes. I was on the team back then. It was cool bit had to be removed when an architecture change happened and it was too costly to migrate this tool. The Edge one goes further though as it does z-index stacking context tree, and composited
17.
View your site in 3D to fix DOM, z-index, or performance problems(youtube.com)
3 points by captainbrosset 5y ago|4 comments
18.
How to style a popup that only appears on mouseover with JavaScript(devtoolstips.org)
3 points by captainbrosset 5y ago|0 comments
19.
When does white space matter in HTML and how does CSS handle it(patrickbrosset.com)
2 points by captainbrosset 5y ago|0 comments
20.
DevTools Tips – A growing collection of cross-browser DevTools tips and tricks(devtoolstips.org)
2 points by captainbrosset 5y ago|0 comments