konnerb / pineapple_hue Goto Github PK
View Code? Open in Web Editor NEWPineapplehue discovers colour palettes from your favourite pictures, then hints style designs for your new app!
Home Page: https://www.pineapplehue.com
License: MIT License
Pineapplehue discovers colour palettes from your favourite pictures, then hints style designs for your new app!
Home Page: https://www.pineapplehue.com
License: MIT License
Simplifies JavaScript code, making it easier to read and debug.
This reflects the recent flex-grow issue. This needs to be fixed as soon as possible as this main component no longer functions properly.
Positioning on the StudioComponent is not functioning as compared to Chrome browser due to the incompatibility of flex-grow.
https://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/
Text colours should adjust before they no longer become fully transparent with the background colours.
This could be solved by using the contrast helper function to delegate when the text colours should change.
Some component names seem out of place and there are static files that can be deleted.
Separate all colour helper functions to a utility js file to reduce clutter in Main.js.
Add local storage for storing original and adjusted palette data.
Converting class components to react hooks will create a more direct API.
The spacing is off on these values. Can be fixed by adding +" "+ on return colour utlis converters.
The contrast helper is almost set up for this feature. This should help the person visualize their colour specs faster.
When input opacity is adjusted and reaches 0.0, it displays 0.80 opacity instead of 0.0 opacity.
As of now, helper functions such as roundHue and roundSl, are converting every palette HSL value being passed down as props. Modifying every palette HSL value to a whole number would make everything more streamlined, improve performance, and readability of code.
This could be achieved by creating a new callback setState function from fetchImgData and modifying the HSL values safely using the spread operator.
When in a laptop or desktop view, the pineapple.svg doesn't look as well-positioned across on the whole viewport.
This issue can be fixed by changing the child's container width from relative to absolute values.
Consider adding a south-arrow, or any other gesture, to help with user experience and the flow of the app.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.