Live data from Hacker News

Show HN: I made CSS Pro, a re-imagined Devtools for web design

csspro.com

51–60 of 299 posts

Re: Show HN: I made CSS Pro, a re-imagined Devtools for web design

#52
post #32

This could also be a bookmarklet. That would make it more secure as bookmarklets only have access to the page you use them on. Looking at the code, you can indeed run it as a bookmarklet. I went to https://www.example.com and typed this in the browser console: s1=document.createElement('script'); s1.src='https://code.jquery.com/jquery-3.7.0.slim.min.js'; document.head.appendChild(s1); s2=document.createElement('scrip…

Any site that has a half decent Content Security Policy would prevent this. (You can try on HN, GitHub, etc and it fails)

However it may work as a UserScript depending on the UserScript engine.

Re: Show HN: I made CSS Pro, a re-imagined Devtools for web design

#53
Looks like this is meant for professional web developers to make their life easier. So it is not here to replace wix. So,

1. I am struggling to understand the value proposition of this. Demo is cool but most developers working in an organization will not use most of the features shown here. No, no rotation or fancy fonts or colors. The only thing they will do is to use the standard font or color. And most elements don't use any backgrounds, and if they do they use one of the three predefined colors as the background. Gradient color? Maybe once a year. You can already do spacing stuff and text modification in the chrome devtools. I know this tool seems to make it easier, but is it worth paying money for it? I just don't see myself or any medium/large organization (e.g. Microsoft) paying $30/month. Figma is expensive but that is a whole product by itself. It enables new workflow and is irreplaceable in many ways, but I don't see this tool being the same. 2. Demo does not seem to tackle one of the biggest pain points -- layout. Based on stackoverflow questions and their upvote numbers plus what I see in my company, many people (including new and experienced developers) have trouble handling various methods of layout and arranging items. That is where this tool could help -- if done correctly. 3. What if someone makes a similar, open-source tool that achieves 50% of this, or the core features that people actually use every day? Can this compete at all? I'll be surprised if something doesn't already exist today.

Basically, this is all interesting stuff but I can't see how it is a viable business if you charge $30/month.

Re: Show HN: I made CSS Pro, a re-imagined Devtools for web design

#54
Does anyone know a good extension that just does the hover / inspect element for the CSS styles in a nice way like this app?

Seems much more convenient than diving into dev tools every time you want to quickly check an element’s property. 30/month is a bit excessive for just that one function.

Re: Show HN: I made CSS Pro, a re-imagined Devtools for web design

#56

There's some neat things in here - the gradient editor showing the stops on the element is pretty nice. But overall the design of this tool is very difficult for me to use. It's trying too hard to be pretty, at the expensive of utility. I found the Typography section to be really difficult to grok with a complete lack of labels and borders around text boxes. It's neat that you have the same flexbox controls that Webf…

It is funny that they actually show gradient in the demo (and some very weird abd ridiculous examples). Serious websites rarely have any gradient background, and this part of the tool is easily replaceable -- there are lots of websites that help you create the CSS. I use gradient background maybe once a year, and I wouldn't even mind doing it by hand.

Re: Show HN: I made CSS Pro, a re-imagined Devtools for web design

#58
post #53

Looks like this is meant for professional web developers to make their life easier. So it is not here to replace wix. So, 1. I am struggling to understand the value proposition of this. Demo is cool but most developers working in an organization will not use most of the features shown here. No, no rotation or fancy fonts or colors. The only thing they will do is to use the standard font or color. And most elements do…

You probably aren’t the target market, you’d typically ask the company you work for to pay for it or if you’re a freelancer and use dev tools daily for this CSS stuff (which I’ve personally done at various times in my career) you just factor it into your business expenses.

It’s not like a random person paying for Netflix. $30 is a reasonable ask.

> What if someone makes a similar, open-source tool that achieves 50% of this, or the core features that people actually use every day

In the video there’s a serious amount of functionality, that would take someone doing this as a hobby a very long time. And most OSS design-wise typically doesn’t look as good or polished (designers care about that). That’s usually the difference, the time/effort a commercial company can put in vs volunteer OSS teams.

Re: Show HN: I made CSS Pro, a re-imagined Devtools for web design

#59
post #53

Looks like this is meant for professional web developers to make their life easier. So it is not here to replace wix. So, 1. I am struggling to understand the value proposition of this. Demo is cool but most developers working in an organization will not use most of the features shown here. No, no rotation or fancy fonts or colors. The only thing they will do is to use the standard font or color. And most elements do…

What if someone makes a similar, open-source tool that achieves 50% of this...

Would you need to mount it locally with curlftpfs if you're on Linux?

Post reply on HN