codemarch Profile picture
Nov 21, 2022 โ€ข 13 tweets โ€ข 4 min read โ€ข Read on X
Learn CSSย Colors

Visually Explained๐Ÿ“

Mega Thread ๐Ÿงต
CSSย Colors

In CSS Colors are specified using๐Ÿ‘‡
1. Predefined color names

๐Ÿ‘‰ In CSS, a color can be specified by using a predefined color name.

๐Ÿ‘‰ CSS/HTML supportย 140 standard color name . some are๐Ÿ‘‡
Example๐Ÿ‘‡
An RGB color value represents RED, GREEN, and BLUE light sources.

some of them are given below๐Ÿ‘‡
2. CSSย RGB Colors

Example๐Ÿ‘‡
3. CSSย HEX Colors

A hexadecimal color is specified with `#RRGGBB`, where the RR (red), GG (green), and BB (blue) hexadecimal integers identify the components of the color.

some of them are given below๐Ÿ‘‡
Example๐Ÿ‘‡
4. CSSย HSL Colors

๐Ÿ‘‰ HSL stands for hue, saturation, and lightness.
Example๐Ÿ‘‡
5. RGBA Color Value

๐Ÿ‘‰ RGBA color values are an extension of RGB color values with an alpha channel - `which specifies the opacity for a color.`
6. HSLA Value

๐Ÿ‘‰ HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color.

Example -
If you enjoyed reading this thread, please do the following:
1. Like the threadโค๏ธ
2. Retweet the first tweet.๐Ÿ”ƒ
3. Follow me and enable notifications: โœ…
@CodeMarch

And also look at our E-book (HTML & CSS Visual Treat!)๐Ÿ‘‡
codemarch.gumroad.com/l/hxazr

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with codemarch

codemarch Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @codemarch

Jul 30
๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ๐—”๐—ฟ๐—ฟ๐—ฎ๐˜†๐˜€(๐—ฃ๐—ฎ๐—ฟ๐˜-๐Ÿฎ) Image
๐—”๐—ฐ๐—ฐ๐—ฒ๐˜€๐˜€๐—ถ๐—ป๐—ด ๐—”๐—ฟ๐—ฟ๐—ฎ๐˜† ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜๐˜€.
The index number is used to access an array element:

๐™ฝอŸ๐š˜อŸ๐šอŸ๐šŽอŸ:อŸโ€‚อŸ๐™ฐอŸ๐š›อŸ๐š›อŸ๐šŠอŸ๐šขอŸโ€‚อŸ๐š’อŸ๐š—อŸ๐šอŸ๐šŽอŸ๐šกอŸ๐šŽอŸ๐šœอŸโ€‚อŸ๐šœอŸ๐šอŸ๐šŠอŸ๐š›อŸ๐šอŸโ€‚อŸ๐š อŸ๐š’อŸ๐šอŸ๐š‘อŸโ€‚อŸ๐ŸถอŸ.อŸ

[0] is the first element.
[1] is the second element.
[2] is the third element. Image
๐—–๐—ต๐—ฎ๐—ป๐—ด๐—ถ๐—ป๐—ด ๐—ฎ๐—ป ๐—”๐—ฟ๐—ฟ๐—ฎ๐˜† ๐—˜๐—น๐—ฒ๐—บ๐—ฒ๐—ป๐˜.
we can change the value of the elements in an array.
๐—˜๐˜…๐—ฎ๐—บ๐—ฝ๐—น๐—ฒ: Image
Read 12 tweets
Jul 10
CSS Colors

Visually explained: Image
Image
Image
Read 17 tweets
Jul 8
Free HTML/CSS Templates: Image
Image
Image
Read 9 tweets
Jul 7
Learn HTML & CSS in 50 Days:
Days 1-5: HTML Basics

โž” Introduction to HTML
โ€ข What is HTML?
โ€ข HTML Syntax
โ€ข Elements and Tags

โž” Basic HTML Structure
โ€ข Head, Body, Title
โ€ข Paragraphs, Headings

โž” Project:
โ€ข Simple Personal Bio Page
Days 6-10: HTML Intermediate

โž” Links and Images
โ€ข Internal, External, Anchor Links
โ€ข Adding Images, Alt Text

โž” Lists and Tables
โ€ข Ordered, Unordered, Nested Lists
โ€ข Basic Table Structure

โž” Project:
โ€ข Simple Blog Page
Read 13 tweets
Jan 31
Learn React in 30 Days.

Complete Structure:
Pre-Requisite:

Javascript Before React - Content Added. Image
Week 1: Introduction and Basics Image
Read 9 tweets
Jan 4
Components in React.

Explained: Image
Real-Life Example:

Imagine building a house ๐Ÿ .

Each room (kitchen, bedroom, bathroom) represents a component.

React components contain particular UI and behaviour, just as rooms have particular purposes and looks.

Let's explore these "rooms" in the world of React!
๐Ÿ”น Functional Components:

โ€ข Simpler and more concise.
โ€ข Stateless (initially).
โ€ข Use functions to return JSX.
โ€ข With Hooks, they've become even more powerful!

Example: Image
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(