Learn CSS™
@CSS_web_learn
782 subscribers
212 photos
5 videos
32 files
512 links
All info and tutorial of CSS
https://bio.link/learncss
For HTML: @html_web_learn
For CSS: @CSS_web_learn
For JS: @JavaScript_js_learn
For PHP: @learn_php_web
For Programming courses @Programmingworld_dev
For CEH,Cybersec: @CyberPunk_anonymous
Download Telegram
About
Blog
Apps
Platform
Join
Learn CSS™
782 subscribers
Learn CSS™
Create a login form page with the Glassmorphism effect

https://www.youtube.com/watch?v=7d5_N7o3bmg

#onlineTutorials #glassmorphism #css #html
YouTube
Animated Glassmorphism Login & Registration Form using Html CSS & Javascript
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…
331 views
Learn CSS™
Create an accordion function with HTML and CSS

https://dev.to/tota11ydev/accordions-1-5-and-10-minute-versionsall-accessible-quicka11y-2d3b

—-

Create link elements with HTML

https://www.freecodecamp.org/news/html-links-explained-with-examples/

#accordion #css #html #href
DEV Community
Accordions: 1, 5 and 10 minute versions...all accessible [quicka11y]
I saw a post a few days ago that was a "CSS only accordion". Sadly the techniques used were not...
340 views
Learn CSS™
Create a hover effect menu display with a modern appearance with Online Tutorials

https://www.youtube.com/watch?v=TsoruqI_tAU

—-

#html #css #onlineTutorials
YouTube
Modern Menu Hover Effects | CSS & Javascript
Get Master HTML to React Frontend: Zero to Hero ebook Now👇
https://bit.ly/3E40YEV
------------------
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here.…
337 views
Learn CSS™
How to style a list with CSS and HTML with Kevin Powell

https://www.youtube.com/watch?v=bRYwmmLC_Ns

#css #list #html #kevinPowell
YouTube
How to create and style lists with HTML and CSS
Lists are one of the most common elements we have on websites, so I decided to do a beginner-friendly deep dive on them, exploring ordered and unordered lists, from how to create them, the difference between the two of them, their default styling, and how…
392 views
Learn CSS™
Tips for using Custom Properties in CSS with Kevin Powell

https://www.youtube.com/watch?v=_2LwjfYc1x8


#css #customProperty #kevinPowell
YouTube
Using CSS custom properties like this is a waste
If you're interested in checking out ICodeThis, you can find it here: https://icodethis.com/?ref=kevin and if you want to sign up for one of their premium plans, use KEVIN at checkout for an extra 10% off.

Custom properties are amazing, but a lot of people…
👍1
425 views
Learn CSS™
Training from Traversy Media creates a portfolio web application with HTML and CSS

https://www.youtube.com/watch?v=HXYZxVbWkjc

#traversyMedia #html #css
YouTube
Professional Website From Scratch | HTML & CSS For Beginners
We will create a professional-looking website from scratch using HTML, CSS and a bit of JavaScript. This project is beginner-friendly, but it's also a fun project for more experienced developers.

Figma File:
https://shismqklzntzxworibfn.supabase.co/stor…
420 views
Learn CSS™
Online Tutorials - Infinite Scrolling Animation | CSS Only Text and Image Carousel

https://www.youtube.com/watch?v=2l99ERCnB9c

#css #html #onlineTutorials
YouTube
Infinite Scrolling Animation | CSS Only Text and Image Carousel
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…
402 views
Learn CSS™
Create responsive layouts with the help of the Pure CSS library

https://blog.openreplay.com/responsive-mobile-layouts-with-purecss/

#responsive #layout #css #pureCSS
Openreplay
Responsive mobile layouts made easy with Pure.CSS
A new lightweight CSS framework to simplify developing a responsive layout
468 views
Learn CSS™
Introduction to the relative color property in CSS

https://developer.chrome.com/blog/css-relative-color-syntax/

#css #relativeColor
Chrome for Developers
CSS relative color syntax  |  Blog  |  Chrome for Developers
Create new colors based on another color's channels and values.
737 views
Learn CSS™
The CSS Flexbox Handbook – Complete Guide with Practical Examples

https://www.freecodecamp.org/news/the-css-flexbox-handbook/

#css #flexbox #handbook #freecodecamp
freeCodeCamp.org
The CSS Flexbox Handbook – Complete Guide with Practical Examples
Flexbox is a useful tool for creating beautiful and responsive layouts for web pages. In this guide, you will learn everything you need to know to start using CSS Flexbox like a pro. We'll also go through loads of practice examples. This is a perfect...
495 views
Learn CSS™
Online Tutorials - Animated Circle Text on Mousemove using CSS & Javascript 02

https://www.youtube.com/watch?v=Vd9WXLeFBgc

#css #html
YouTube
Animated Circle Text on Mousemove using CSS & Javascript 02
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…
524 views
Learn CSS™
James Quick - HTML File Uploads in 5 Minutes (Plus Some JavaScript Features)

https://www.youtube.com/watch?v=iAxUpo0aJSk

#html #css #upload
YouTube
HTML File Uploads in 5 Minutes (Plus Some JavaScript Features)
Learn to upload files using HTML, the file input type, and multipart form-data. We'll also add a bit of extra logic with JavaScript to show a preview of a video.

Astro Course - https://astrocourse.dev/

**DISCORD**
Join the Learn Build Teach Discord Server…
714 views
Learn CSS™
Online Tutorials - Animated Sliding Menu Indicator using Javascript | Curve outside
https://www.youtube.com/watch?v=E84bMKIpV5g

—-

CSS Optimization: Avoiding and Optimizing for Faster Website Speed

https://levelup.gitconnected.com/css-optimization-avoiding-and-optimizing-for-faster-website-speed-ccd33854cd01

—-

Modern CSS Layouts: Hero Sections
https://javascript.plainenglish.io/modern-css-layouts-hero-sections-673e56386b16

—-

How to Center Text Vertically with CSS
https://www.freecodecamp.org/news/how-to-center-text-vertically-with-css/

#css #slidingMenu #layout #optimize #center
YouTube
Animated Sliding Menu Indicator using Javascript | Curve outside
Revolutionize projects with our advanced source code. Elevate innovation, accelerate development, and gain a competitive edge. Your key to success is here. Transform ideas into reality now.

Get now more than 1000+ source code just by clicking on this link…
👍2
682 views
Learn CSS™
The problem with mobile-first CSS

https://www.youtube.com/watch?v=p3k_IrXLNRc

#css #mobilefirst
YouTube
The problem with mobile-first CSS
👉 I’ve started a second channel @GeneralMusings for my podcast! You can check out the channel if you prefer YouTube, or https://kevinpowell.co/podcast if you prefer it in podcast form.

Mobile-first is generally accepted as a best practice when it comes…
948 views
Learn CSS™
Forwarded from Learn Web Development
8 free eBooks and websites to help you learn web development (for free):

1. The Magic of CSS

The content in this eBook is for all-level developers. Learn about layout, box-model, positioning etc. with sample code snippets.

→ adamschwartz.co/magic-of-css/

2. DOM Enlightenment

"DOM Enlightenment" is a free online book that explores DOM in-depth, providing a clear and detailed understanding of how it works.

→ domenlightenment.com

3. Eloquent JavaScript

Introduction to programming in JavaScript focuses on writing real-world websites.

→ eloquentjavascript.net

4. Pro Git book

Learn everything about Git with infographics.

→ git-scm.com/book/en/v2

5. SQL

SQL is one of the crucial skills for web development.

Down these well structured notes in PDF format for free.

→ goalkicker.com/SQLBook/

6. Law of UI and UX

Collection of best practices that developers and designers can consider when building user interfaces.

→ lawsofux.com

7. Learn CSS Grid

This guide was created as a resource to help you better understand and learn Grid.

→ learncssgrid.com

8. React

React Express is a free eBook/guide that covers the basics of React, including components, state, props, and more.

→ react.express

#Webdevelopment #JS #JavaScript #Html #Css #React

Follow @learn_webdevelopment for Web development content
❤1👍1
1.08K views
Learn CSS™
LamaDev - CSS Tips And Tricks 2 | I Wish Somebody Told Me Before

https://www.youtube.com/watch?v=kINNs4uYYnY

—-

Online Tutorials - Glowing Corner Hover Effects | CSS & Javascript
https://www.youtube.com/watch?v=CJ26NLtdzPA

—-

How CSS @ scope can replace BEM
https://blog.logrocket.com/css-scope-replace-bem/

—-

Creating contrast themes with CSS prefers-contrast and JavaScript
https://blog.logrocket.com/creating-contrast-themes-css-prefers-contrast-javascript/

—-


#css #tips #lamadev #onlineTutorials #scope #contrast  #hover
YouTube
CSS Tips And Tricks 2 | I Wish Somebody Told Me Before
Essential CSS tips and tricks that every front-end developer should know. The 2nd part of the CSS tips series #css #webdesign

The first part: https://youtu.be/2KWdT4PkXgY

Join the newsletter: https://list.lama.dev

If it is valuable to you, you can support…
1.05K views
Learn CSS™
Write less code with these 5 CSS tips

https://www.youtube.com/watch?v=UWFrl79092w

#css #tips
YouTube
Write less code with these 5 CSS tips
Looking to step up your CSS? I have free and premium courses 👉 https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=usefulselectors

🔗 Links
✅ Code from this video: https://codepen.io/kevinpowell/pen/rNbYXQa

⌚ Timestamps
00:00…
👍1
2.16K views
Learn CSS™
A Complete Guide to CSS Logical Properties, with Cheat Sheet



https://www.sitepoint.com/css-logical-properties-guide/

#css #cheatsheet
Sitepoint
A Complete Guide to CSS Logical Properties, with Cheat Sheet — SitePoint
Learn what CSS logical properties are, how they work, and what they're useful for, even if you're not working on a multilingual site.
💅2
2.42K views
Learn CSS™
This media is not supported in your browser
VIEW IN TELEGRAM
Tailwind - form

Implemented in HTML and styled using Tailwind. The animations are created in CSS.

https://codepen.io/cbolson/pen/xxeZVme

#css #tailwindcss
👍3
1.28K views
Learn CSS™
Top 6 CSS frameworks every frontend developer should know in 2025

https://dev.to/logrocket/top-6-css-frameworks-every-frontend-developer-should-know-in-2025-n8n

—

How to use custom fonts in Tailwind CSS
https://dev.to/logrocket/how-to-use-custom-fonts-in-tailwind-css-57bh


#css #tailwindcss
DEV Community
Top 6 CSS frameworks every frontend developer should know in 2025
Written by Murat Yüksel✏️ One of the biggest challenges in frontend development is delivering...
151 views