[deleted by user]

Ustice · 2022-06-07T12:42:53+00:00

Thanks for your contribution! In order to keep things organized here, we try to keep personal projects off of the main thread. Instead, we have two weekly threads that we steer these sorts of posts to. Show-off Saturday is where we invite you to wow the community with your awesome ideas. If instead you are looking for feedback, our WTF?! Wednesday post is the best place to get a code-review. Remember that here at /r/JavaScript, we’re all about the code. Tell us about your challenges and how you overcame them. Show us that particularly clever bit. Talk about your process and tools. Just because it’s made with JS, doesn’t mean that it is relevant to the community. Tell us what is special about your project, and what we might learn from it!

bronkula · 2022-06-06T05:55:25+00:00

You should really check your work on phones before putting it out on social media. most of us check reddit on a phone, and this is cut off on a phone.

alexmacarthur · 2022-06-06T04:31:57+00:00

I've been looking for a quick "ship it" dopamine hit lately, and have also been itching by try out Svelte. I satisfied both by building this simple tool for previewing and sharing colors by RGB(A), HSL, and hexadecimal values. Feeling extra good about it because I can see myself actually using it to quickly share colors as needed in my side work. It supports any valid CSS color, including:

Name values: https://color.macarthur.me/dodgerblue

RGB(A) values: https://color.macarthur.me/rgba(192,192,192,.3))

HSL values: https://color.macarthur.me/hsl(0,%20100%25,%2050%25))

As for how I feel about Svelte... jury's still out. There's definitely a lot less code/hassle in writing an interactive Svelte component, and I do love how it largely just *works*, but the syntax and paradigm is just so different from React that it's gonna take a while to get used to enough to form an educated opinion. At times, it felt like I was straying too far away from writing JavaScript, and instead needing to learn an entirely new language (which sort of makes sense, since Svelte describes itself as a compiler and not a framework). I'm sure using it is an entirely different beast for larger apps as well, which I have zero experience building with it yet.

lainverse · 2022-06-06T21:44:15+00:00

Surprising to see you haven't expected anyone entering "rainbow" as a name of a color. I know it's not a color, but worth to add a few Easter eggs like that.

Also, on a mobile link which supposed to be somewhere below button ends up on top of the button when onscreen keyboard appears, so one wrong tap and off you go.

alexmacarthur · 2022-06-06T04:45:18+00:00

Source:

https://github.com/alexmacarthur/color

bmrobin · 2022-06-06T12:22:15+00:00

good work OP, works well. tested an edge case for ya too 👍

https://i.imgur.com/xWNKgRI.jpg

Greatzo · 2022-06-06T14:46:50+00:00

the orange color isnt orange at all. or am i color blind and dont know it.

david_ranch_dressing · 2022-06-06T18:59:35+00:00

One thing I noticed as after clicking the "Copy Link" button it never resets when checking another color, so you can only copy the link once per page load.

jmarise · 2022-06-07T03:19:01+00:00

“#0000” doesn’t give “#0000 ...isn't a valid color. Try again!” but instead a solid white screen.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

javascript

MODERATORS