🚀 Learn CSS in 20 Days – Step by Step
🔹 Day 01 → What is CSS | Syntax | Importing CSS
🔹 Day 02 → CSS Selectors
🔹 Day 03 → CSS Colors
🔹 Day 04 → Fonts | Background-color | Background-image
🔹 Day 05 → Background-repeat | Background-attachment | Background-position
🔹 Day 06 → CSS Units
🔹 Day 07 → Box Model (Padding, Margin, Border, Size, Box Sizing)
🔹 Day 08 → CSS Positions
🔹 Day 09 → Display Property
🔹 Day 10 → Table Styling
🔹 Day 11 → Layouts
🔹 Day 12 → Flexbox
🔹 Day 13 → Grid
🔹 Day 14 → Opacity
🔹 Day 15 → Overflow
🔹 Day 16 → Pseudo Classes
🔹 Day 17 → Pseudo Elements
🔹 Day 18 → Transitions
🔹 Day 19 → Animations
🔹 Day 20 → Gradients
@etwebs #css
🔹 Day 01 → What is CSS | Syntax | Importing CSS
🔹 Day 02 → CSS Selectors
🔹 Day 03 → CSS Colors
🔹 Day 04 → Fonts | Background-color | Background-image
🔹 Day 05 → Background-repeat | Background-attachment | Background-position
🔹 Day 06 → CSS Units
🔹 Day 07 → Box Model (Padding, Margin, Border, Size, Box Sizing)
🔹 Day 08 → CSS Positions
🔹 Day 09 → Display Property
🔹 Day 10 → Table Styling
🔹 Day 11 → Layouts
🔹 Day 12 → Flexbox
🔹 Day 13 → Grid
🔹 Day 14 → Opacity
🔹 Day 15 → Overflow
🔹 Day 16 → Pseudo Classes
🔹 Day 17 → Pseudo Elements
🔹 Day 18 → Transitions
🔹 Day 19 → Animations
🔹 Day 20 → Gradients
@etwebs #css
👍7
Big News!
We’re excited to announce that Blacklion has officially transformed into Regix
Regix?
Reg → from Regal (royalty, leadership....)
ix → a modern, tech-driven suffix often used in startups (innovation, design, digital) like Linux, Netflix, Wix.
Together, Regix = “Royal strength + modern innovation” a bold tech brand.
Our Focus
With this new identity, we are launching our dedicated service in website design and development helping businesses build strong, modern, and user-friendly digital platforms.
This rebrand marks the beginning of a stronger more innovative journey
Welcome to the new era of Regix!
You are part of our community let us know how it feels!
@etwebs
We’re excited to announce that Blacklion has officially transformed into Regix
Regix?
Reg → from Regal (royalty, leadership....)
ix → a modern, tech-driven suffix often used in startups (innovation, design, digital) like Linux, Netflix, Wix.
Together, Regix = “Royal strength + modern innovation” a bold tech brand.
Our Focus
With this new identity, we are launching our dedicated service in website design and development helping businesses build strong, modern, and user-friendly digital platforms.
This rebrand marks the beginning of a stronger more innovative journey
Welcome to the new era of Regix!
You are part of our community let us know how it feels!
@etwebs
🔥7🎉2
🤔 Want to be better than 99% of programmers?
Stop doing what everyone else does (tutorials, courses, Leetcode). That only makes you average.
Do what others won’t
1️⃣ Learn debugging (most of coding is fixing, not writing).
2️⃣ Focus on quality projects over quantity.
3️⃣ Read code → 10x more than you write (check GitHub daily).Especially this one
4️⃣ Collaborate → contribute to open source.
5️⃣ Network → join meetups & conferences.
This is how you break into the top 1%.
@etwebs
Stop doing what everyone else does (tutorials, courses, Leetcode). That only makes you average.
Do what others won’t
1️⃣ Learn debugging (most of coding is fixing, not writing).
2️⃣ Focus on quality projects over quantity.
3️⃣ Read code → 10x more than you write (check GitHub daily).
4️⃣ Collaborate → contribute to open source.
5️⃣ Network → join meetups & conferences.
This is how you break into the top 1%.
@etwebs
👍12
⭐ star Rating with Animation!
Key Points
• HTML <button> buttons with data-value and aria-label.
• CSS hover animation, highlighting, and scaling.
• JS highlighting, rating lock, and dynamic label
@etwebs
Key Points
• HTML <button> buttons with data-value and aria-label.
• CSS hover animation, highlighting, and scaling.
• JS highlighting, rating lock, and dynamic label
@etwebs
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
A cool tool for generating SVG waves for your project
It offers a very simple interface for customizing and styling waves to suit your design
Try it out here the source code is on GitHub
Don't forget to react for more content like this
@etwebs
It offers a very simple interface for customizing and styling waves to suit your design
Try it out here the source code is on GitHub
Don't forget to react for more content like this
@etwebs
👍3🔥2
A visual overview of useful skills a web developer should master
This resource contains a collection of all kinds of useful skills for web programmers, for both beginners and advanced users
Hovering over any skill will display a list of helpful links to various tutorials and explanations
@etwebs
This resource contains a collection of all kinds of useful skills for web programmers, for both beginners and advanced users
Hovering over any skill will display a list of helpful links to various tutorials and explanations
@etwebs
andreasbm.github.io
Web Skills
A visual overview of useful skills to learn as a web developer
👍5❤1
CSS Loader Generator Use this online generator to set up a CSS loader for your web page
You can also find hundreds of other tools, resources, and generators on this portal to help you with CSS and HTML
https://www.cssportal.com/css-loader-generator/
@etwebs
You can also find hundreds of other tools, resources, and generators on this portal to help you with CSS and HTML
https://www.cssportal.com/css-loader-generator/
@etwebs
❤2
HTTP status Codes
404 Not Found - The server could not find the requested resource
100 Continue - Intermediate response, request successfully accepted.
200 OK - Request accepted and correctly processed by the web server.
201 Created - The server processed the request and created a new resource.
301 Moved Permanently - The requested resource has permanently
moved to a new address.
304 Not Modified - The requested resource has not changed,
meaning a cached version can be used.
400 Bad Request - The request from the client to the web server is malformed.
401 Unauthorized - Access denied due to lack of authorization.
500 Internal Server Error - Internal server error
501 Not Implemented - The request method is not supported by the server and cannot be processed.
👍 If this was helpful
@etwebs
404 Not Found - The server could not find the requested resource
100 Continue - Intermediate response, request successfully accepted.
200 OK - Request accepted and correctly processed by the web server.
201 Created - The server processed the request and created a new resource.
301 Moved Permanently - The requested resource has permanently
moved to a new address.
304 Not Modified - The requested resource has not changed,
meaning a cached version can be used.
400 Bad Request - The request from the client to the web server is malformed.
401 Unauthorized - Access denied due to lack of authorization.
500 Internal Server Error - Internal server error
501 Not Implemented - The request method is not supported by the server and cannot be processed.
👍 If this was helpful
@etwebs
👍8
Do you need design inspiration for your next project here
👇👇👇
Saaspo.com
onepagelove.com
land-book.com
Cssdesignawards.com
Awwwards.com
Httpster.net
Don't forget to react for more content like this
@Regixdev
👇👇👇
Saaspo.com
onepagelove.com
land-book.com
Cssdesignawards.com
Awwwards.com
Httpster.net
Don't forget to react for more content like this
@Regixdev
❤4🔥3