https://github.com/xkeshav/workshop

demo at devopedia workshop
https://github.com/xkeshav/workshop

color css talk

Last synced: 2 months ago
JSON representation

demo at devopedia workshop

• Host: GitHub
• URL: https://github.com/xkeshav/workshop
• Owner: xkeshav
• License: mit
• Created: 2023-01-21T06:13:40.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-17T03:47:40.000Z (3 months ago)
• Last Synced: 2024-10-19T06:03:56.553Z (3 months ago)
• Topics: color, css, talk
• Language: CSS
• Homepage: https://xkeshav.github.io/workshop/
• Size: 5.49 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Color - Talk

This repo was created for my very first talk on **CSS**. meetup details written at bottom.

## How to start

install dependencies and start the server

```sh

>npm install

>npm run start

```

and open 

## Screenshots

## Landing Page

![Landing Page][1]

## CSS 1 Color

![css1 16 valid color][2]

## Named Color

![Named color][3]

## HSL Anatomy

![HSL Anatomy][4]

## Color Space

![basic color syntax in all format][5]

## Color Mix

![color-mix syntax ][6]

## Color Syntax

![1 color 34 syntax][7]

## Relative color

![Relative Color][8]

---

[1]: images/landing.png

[2]: images/css1-16color.jpeg

[3]: images/named-color.jpeg

[4]: images/hsl-anatomy.png

[5]: images/color-space.png

[6]: images/color-mix.png

[7]: images/color-syntax.jpeg

[8]: images/relative-color.png

Thanks for reading.

## Details

> _Event:_ React Bangalore Meetup #66  

> _Topic:_ All About color in CSS  

> _Date_: Sat, 15 Apr, 2023.

## [Youtube Link](https://www.youtube.com/watch?v=V_Bvsw9KgYI&t=1h15m53s)