-
-
Notifications
You must be signed in to change notification settings - Fork 180
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
New project using this list: https://hexy.io/ #55
Comments
Hey man! I know your project existed, your project is listed in the dependencies. |
But we can still chit chat here :D @joshuaiz I'm kinda impressed that the scroll is so smooth even though there are so many items in the dom. The HTML color export color-names is super slow... |
The smooth scrolling is just css on the html element: In the first iteration of the site, I had a page with all 17K colors and it was a bit slow to load but once all the colors were loaded, it was smooth to scroll through. I may add that page back in. All that said, the site is faster once built than on my local install thanks to Netlify. Also, every time you update the list, I download the json and swap out 'name' for 'n' and 'hex' for 'h' to condense it a bit and serve it locally. Since I'm doing so many color operations, I thought it would be better to do that than rely on an external file. |
Oh why don't you use the api?
…On Fri, Mar 29, 2019 at 1:20 AM Joshua Michaels ***@***.***> wrote:
The smooth scrolling is just css on the html element: html {
scroll-behavior: smooth; } :) but the site is all React.
In the first iteration of the site, I had a page with *all* 17K colors
and it was a bit slow to load but once all the colors were loaded, it was
smooth to scroll through. I may add that page back in.
All that said, the site is faster once built than on my local install
thanks to Netlify.
Also, every time you update the list, I download the json and swap out
'name' for 'n' and 'hex' for 'h' to condense it a bit and serve it locally.
Since I'm doing so many color operations, I thought it would be better to
do that than rely on an external file.
—
You are receiving this because you modified the open/close state.
Reply to this email directly, view it on GitHub
<#55 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AAlIgqEMpPyHt7xZFtMkwKudY1jsWMeKks5vbVxXgaJpZM4cRURM>
.
|
I guess I could but I save 100K by condensing the json + serving it locally and that means the site will work even offline although I have to set up the service workers. |
true that, maybe you I could ship an array version that would be even
smaller {colors:['name','#f00f00'],['bla','#123]}
…On Fri, Mar 29, 2019 at 1:45 AM Joshua Michaels ***@***.***> wrote:
I guess I could but I save 100K by condensing the json + serving it
locally and that means the site will work even offline although I have to
set up the service workers.
—
You are receiving this because you modified the open/close state.
Reply to this email directly, view it on GitHub
<#55 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AAlIgkUVKO5hCnUZ8hdzPH37A3yaNMSkks5vbWIPgaJpZM4cRURM>
.
|
That's a good idea. Still, I'm surprised at the performance as it is. On my local install, entering search is a bit slow which can happen with React apps but on the built site there is no delay at all. I think I will add the page with all the colors - I mean why the hell not? |
@joshuaiz something like that? https://github.com/meodai/color-names/blob/minified-json/dist/colornames.min.json removed the # to save even more space |
Ooooooh that could work I think - I'd have to do a major refactor though. On the docket for v2.0. 💯 |
Hello,
Thank you so much for compiling and updating this list. Don't mean to impose but wanted to let you know about a project I built using your amazing color list: https://hexy.io/
I've been wanting a site with a massive amount of colors to browse and never found one I really liked so I built one myself. I couldn't have done it without this list so thank you again.
With the site you can browse all named colors from your list but also get info on any color including harmonies, color spaces, nearest named color, etc. In addition, you can save any color to Favorites and export your Favorites to an editable PDF. Hexy.io is great for exploring, creating palettes, and discovering new colors.
GitHub repo for the project is here: https://github.com/joshuaiz/hexy
This is an early alpha for the site so will be adding more features in the coming weeks including .svg export, accounts, saved palettes, and more.
I've given this project a shout out but if you'd like to be referenced differently or more prominently, by all means let me know.
The text was updated successfully, but these errors were encountered: