GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → tylergaw → Colorme

tylergaw / Colorme

Licence: mit
Visualize CSS Color Functions?

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

csscolorcreate-react-app

Projects that are alternatives of or similar to Colorme

Nord Gnome Terminal
An arctic, north-bluish clean and elegant GNOME Terminal color theme.
Stars: ✭ 258 (-17.04%)
Mutual labels:  color
Swiftuix
Extensions and additions to the standard SwiftUI library.
Stars: ✭ 4,087 (+1214.15%)
Mutual labels:  color
Nord Jetbrains
An arctic, north-bluish clean and elegant JetBrains IDE UI and editor color theme.
Stars: ✭ 293 (-5.79%)
Mutual labels:  color
React Redux Firebase Authentication
🔥Boilerplate Project for Authentication with Firebase in React and Redux
Stars: ✭ 265 (-14.79%)
Mutual labels:  create-react-app
Xcode One Dark
Atom One Dark theme for Xcode
Stars: ✭ 273 (-12.22%)
Mutual labels:  color
React Modern Library Boilerplate
Boilerplate for publishing modern React modules with Rollup
Stars: ✭ 285 (-8.36%)
Mutual labels:  create-react-app
Whocanuse
WhoCanUse is a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.
Stars: ✭ 259 (-16.72%)
Mutual labels:  color
Rainbowvis Js
A JavaScript library for colour data visualization. Easily map numbers to a smooth-transitioning colour legend.
Stars: ✭ 302 (-2.89%)
Mutual labels:  color
Octopus
🐙 Octopus - Internal wiki with diagrams for software and product teams
Stars: ✭ 274 (-11.9%)
Mutual labels:  create-react-app
Colorgram.py
A Python module for extracting colors from images. Get a palette of any picture!
Stars: ✭ 289 (-7.07%)
Mutual labels:  color
Create React App Buildpack
⚛️ Heroku Buildpack for create-react-app: static hosting for React.js web apps
Stars: ✭ 3,161 (+916.4%)
Mutual labels:  create-react-app
Colorpicker
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
Stars: ✭ 271 (-12.86%)
Mutual labels:  color
Polychrome
🎨 Easy color manipulation in ~2kb (gzipped)
Stars: ✭ 286 (-8.04%)
Mutual labels:  color
Bungee
A chromatic signage typeface for vertical and horizontal setting.
Stars: ✭ 262 (-15.76%)
Mutual labels:  color
Landy React Template
Landy is a free React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.
Stars: ✭ 282 (-9.32%)
Mutual labels:  create-react-app
Material Ui Superselectfield
multiselection autocomplete dropdown component for Material-UI
Stars: ✭ 260 (-16.4%)
Mutual labels:  create-react-app
Xcodecolorsense2
🍉 An Xcode source editor extension that shows hex color info
Stars: ✭ 281 (-9.65%)
Mutual labels:  color
Farge
Click on a pixel on your screen and show its color value
Stars: ✭ 307 (-1.29%)
Mutual labels:  color
Colours
A beautiful set of predefined colors and a set of color methods to make your iOS/OSX development life easier.
Stars: ✭ 3,101 (+897.11%)
Mutual labels:  color
Chalk
🖍 Terminal string styling done right
Stars: ✭ 17,566 (+5548.23%)
Mutual labels:  color
View All Similar Projects ➔

ColorMe Netlify Status

⚠️ NOTE: the CSS color function used for this originally is deprecated. As of 2020-10 new color modification specs are available. See issues/18.

Contributing

ColorMe.io is built using Create React App.

Running the project locally

yarn

Start site in development mode

yarn start

Open http://localhost:3000 to view it in a browser.

Pull requests always welcome

If you find a bug or have an idea, feel free to open a pull request. Tests for new code are encouraged. Existing tests must pass before pull requests will be accepted`

yarn test

Building

yarn build

Runs a modified version of CRA build process.

  • First it builds the project for production like normal.
  • Once that completes it runs yarn generate-sw which executes scripts/generate-sw.js.
  • That script locates the static assets in build/asset-manifest.js and writes them to the STATIC_URLS in build/service-worker.js. This allows us to cache the static assets with fingerprinted filenames.

Deploying

To Production

We host this site on Netlify. Anything merged into the main branch is deployed to production.

To Staging

We use Netlify preview builds. To see any branch in a live environment, push the branch to the remote and open a pull request.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].