Hello everyone! I'm currently trying to make this website work, and my current focus is making everything above the fold look as clean as possible.
So my question: Does this look cluttered, or have I just been looking at it for too long?
Anything that's below the fold will get attention later, so I'm not too worried about that right now.
Also yes, that background is made with pure CSS.
Top comments (5)
This looks quite nice for me since it has good color contrast in my opinion. Good stuff.
Here is my recommendations based on what I am seeing:
It would be nice to differentiate between code and output in some way.
Other than that, nice stuff. I know you are working on responsiveness in mobile, especially the f o l d. Can't wait to see v2!
Yea I was kind of afraid that'd be the case 🤭
Next time I have the page open in an editor I'll play around with the spacing and try to spread things out a bit more.
Yea I can see what you mean, it probably needs some kind of visual separation. I'll have to play around with that, maybe it needs a border, maybe three columns is just too much. If nothing works, I'll just switch it to tabs.
Fair enough for both cases, though I think the Big Salmon example can be on that same page since it is a small example. If it's a big example, makes sense to be on a separate editor. Regardless, looking forward to it! Keep us updated :)
It was slightly busy at first glance, notably with the caret animation, but after reading what it said, it doesn't look super busy. I think it was just a quick-second impression on my end.
I noticed that the 'nyooom' header doesn't size up or down if a user changes their root font-size. I think the text is big enough for most people to read, so I'm not sure if that's even an issue. Overall, it's a great start! That pure CSS background though 🤩
Text is too small on mobile, and code samples are not very readable - have contrast issues in light mode.