JUST I WANT TO REPOST THE RESOURCES

Learning & Practice Platforms

Exercism – Practice coding with mentorship
web.dev/learn – Learn web fundamentals by Google
OverAPI – Quick developer cheat sheets
Picular – Google for colors
Flexer.dev – Flexbox practice playground
Cheatography – 6,000+ cheat sheets

CSS Resources

Snipzy – Ready-to-use CSS snippets
CSS Reference – Visual CSS reference
MagicPattern – Generate beautiful CSS backgrounds

Project-Based Learning

50 Mini Projects by Brad Traversy
10 Frontend Practice Projects
100 Days, 100 Projects

🔥 Bookmark this and start building daily! And Don't forget to react✌️

@etwebs

Less Common HTML Elements and How to Use Them in Your Code

HTML has a lot of tags that many people use every day, like <div>, <p>, and <a>. But there are also some hidden gems that often go unnoticed. These tags can help make websites more engaging, accessible, and meaningful without much extra effort.


READ MORE

https://www.freecodecamp.org/news/less-common-html-elements-and-how-to-use-them/

@etwebs

CSSBattle  compete to recreate visuals with the fewest CSS characters

cssbattle.dev

@etwebs

simple hover effect
@etwebs

Source code
@etwebs

It's been a while since I post here some resource

Web Skills is a platform focused on developing web development skills for all levels, from beginners to experienced professionals. Here you will find all the skills for a web developer with links to study the topic.

🔗Link:https://andreasbm.github.io/web-skills/

if you like the resource Don't forget to react and Share ☺️ 🤎

😎 cool tool for CSS developers

Find hundreds of stylish CSS patterns and backgrounds, completely free. Just copy the code and use it in your projects immediately.

it is Perfect for

- creating striking hero sections
- developing modern dashboards and applications
- improving a portfolio with an emphasis on design

With this, your projects will really stand out :)

Link🔗 patterncraft.fun

if you like the resource Don't forget to react and Share ☺️ 🤎

@etwebs

✨ Frosted Glass Effect (Glassmorphism) ✨

<div class="glassmorphism"></div>

body {
  width: 100%;
  height: 100vh;
  background: url("photo.png");
  display: flex;
  justify-content: center;
  align-items: center;
}

.glassmorphism {
  background: linear-gradient(135deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
  border-radius: 20px;
  height: 200px;
  width: 500px;
}


Try it and 👍 If this was helpful!
@etwebs

🚀 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

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

Ideas are easy  everyone has them.

🔥 What makes you stand out is ACTION.
Take that first step, execute, and that’s what sets you apart.

Everyone says “I thought of that too”

🤔The difference?
Winners don’t just think they ACT.

@etwebs

🤔 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

It's simple
@etwebs