Learn CSS™
@CSS_web_learn
791 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™
791 subscribers
Learn CSS™
Avoid Layout Shifts Caused by Web Fonts With PostCSS Fontpie

When your CSS references a web font before it finishes downloading, the browser

https://tomeraberba.ch/avoid-layout-shifts-caused-by-web-fonts-with-postcss-fontpie
344 views
Learn CSS™
Why we’re bad at CSS

And how we can improve with a practical example.

https://www.mikeaparicio.com/posts/2023-05-22-why-were-bad-at-css/
356 views
Learn CSS™
Training from Online Tutorials to create animations and hover effects on the Navigation Menu using CSS, HTML, and JavaScript

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

Practice creating clocks and countdown timers with JavaScript, HTML, and CSS

https://dev.to/madsstoumann/clocks-countdowns-timing-in-css-and-javascript-554n

—-

The use of REM makes the web app remain unresponsive

https://dev.to/marcelluscaio/using-rem-doesnt-make-your-website-responsive-heres-why-4b0e

#clock #timer #brake #html #css #javascript
YouTube
Creative Menu Hover Text Animation Effects using CSS & Javascript
Get Master 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. Transform ideas…
320 views
Learn CSS™
Practice creating hover effects with CSS, HTML and JavaScript with Online Tutorials

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

#css #onlineTutorials #hover
YouTube
CSS :not(:hover) Effects
Get Master 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. Transform ideas…
340 views
Learn CSS™
Get to know about spacing between HTML elements and CSS

https://www.freecodecamp.org/news/css-spacing-guide-for-web-devs/

#html #css #spacing
freeCodeCamp.org
How CSS Spacing Works – A Guide for Web Developers
In this tutorial, we're going to talk about spacing in CSS spacing – sounds so basic, right? Well, it's not as basic as you might think. Take, for instance, when you visit your favorite e-commerce site to scout for products. The first thing that wel...
371 views
Learn CSS™
Tips for using CSS that can be put into practice straight away

https://javascript.plainenglish.io/22-practical-css-tips-to-make-your-website-stand-out-748ad505d73d

#css #tips
378 views
Learn CSS™
Should we create a channel on WhatsApp?
Anonymous Poll
59%
Yup
41%
Nope
22 voters352 views
Learn CSS™
Difference between className and classList in JavaScript during CSS manipulation

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

#css #classlist #classname
YouTube
The Difference Between className & classList in JavaScript
In today's video we take a look at the differences between the className and classList in property. Both are used to read and change classes on an HTML element, but differ fundamentally.

For your reference, check this out:
https://developer.mozilla.org/en…
384 views
Learn CSS™
Exercise from Dcode creates a banner with icons on a web page

https://www.youtube.com/watch?v=QHl-YZDK-Q4

#banner #dcode #icons
YouTube
How to Add Banners with Icons to Your Website - HTML & CSS Tutorial
Using HTML & CSS, it's really easy to create reusable banners for your website or project. These can be used practically anywhere on your web page and come in different colours depending on your use case! 🎨

🏫 My Udemy Courses - https://www.udemy.com/user/domenic…
399 views
Learn CSS™
How to properly debug code with Lama Dev

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

#debugging #code #oldDev
YouTube
How to Debug Code Like a Pro
How to debug JavaScript Code in VsCode and Chrome. Learn VsCode Debugger and Chrome Debugger. Debugging with a VsCode Extension: https://console-ninja.com/?referrer=LamaDevCN

00:00 Introduction
00:32 Debugging code with Console.log is not the best idea
01:58…
401 views
Learn CSS™
Several interesting features of CSS that will be available in 2023

https://blog.stackademic.com/the-best-of-2023s-css-ui-features-7448c6855c14

—-

Tips for creating titles or logos in HTML

https://bootcamp.uxdesign.cc/do-not-wrap-your-site-title-or-logo-in-an-h1-21dcc81a8b71


#html #css #feature
Medium
The best of 2023’s CSS & UI features
An overview of the most exciting new CSS & UI features of 2023.
👍1
440 views
Learn CSS™
Guide to using the CSS Transform function and its properties

https://www.freecodecamp.org/news/complete-guide-to-css-transform-functions-and-properties/

#css #transform
freeCodeCamp.org
CSS Transform Handbook – Complete Guide to CSS Transform Functions and Properties
CSS transform allows you to translate, rotate, skew, scale, or add perspective effects to HTML elements. This tutorial discusses everything you need to know to transform HTML elements like a pro. Table of Contents What is the CSS transform Property?...
319 views
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…
332 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...
341 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.…
338 views
Learn CSS™
Create a Youtube homepage clone with Tailwind, React, and TypeScript with Web Dev Simplified

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

—-

#webdevsimplified #react #nextjs #typescript #tailwind
YouTube
How To Create The YouTube Home Page With Tailwind, React, and TypeScript
The YouTube home page may seem simple at first (that is what I thought), but there are so many small complex interactions that actually make building out this home page design quite complicated. In this video I will show you exactly how to build out the entire…
369 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…
395 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
428 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…
423 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…
405 views