https://github.com/danedwardsdeveloper/css-named-colours

A simple web page demonstrating all the CSS named colours
https://github.com/danedwardsdeveloper/css-named-colours

Last synced: about 1 year ago
JSON representation

A simple web page demonstrating all the CSS named colours

• Host: GitHub
• URL: https://github.com/danedwardsdeveloper/css-named-colours
• Owner: danedwardsdeveloper
• Created: 2024-04-22T13:50:18.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-22T14:17:47.000Z (about 2 years ago)
• Last Synced: 2024-04-22T15:40:09.807Z (about 2 years ago)
• Language: JavaScript
• Size: 170 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Named CSS Colours Web Page

**A simple demonstration of all the named CSS colour values.**

## [Live preview](https://danedwardsdeveloper.github.io/CSS-Named-Colours/)

![CSS colours screenshot](./assets/images/screenshot.png)

- Uses column-count for layout. I recently discovered this CSS feature, and it's great for creating responsive sites with only a few lines of code.

- Uses JavaScript to create the colour cards from an array of named colours

- Each card is a button that copies the colour name when clicked

### Acknowledgements

- Thanks to [

  Reinis Ivanovs](https://gist.github.com/slikts) for the [JavaScript array of colour names](https://gist.github.com/slikts/cfa5bb0ad340b6e01dd711f20a419aec)