Learn CSS™ – Telegram

Learn CSS™

787 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

787 subscribers

Create complex animation curves in CSS with the linear() easing function

Introducing linear(), an easing function in CSS that interpolates linearly between its points, allowing you to recreate bounce and spring effects.

https://developer.chrome.com/articles/css-linear-easing-function/

324 views12:57

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

341 views12:57

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/

353 views12:57

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

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…

315 views04:31

Practice creating hover effects with CSS, HTML and JavaScript with Online Tutorials

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

#css #onlineTutorials #hover

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…

335 views04:35

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...

365 views03:05

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

373 views04:30

Should we create a channel on WhatsApp?

Anonymous Poll

22 voters347 views08:54

Difference between className and classList in JavaScript during CSS manipulation

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

#css #classlist #classname

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…

379 views04:40

Exercise from Dcode creates a banner with icons on a web page

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

#banner #dcode #icons

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…

394 views04:55

How to properly debug code with Lama Dev

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

#debugging #code #oldDev

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…

396 views05:01

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

The best of 2023’s CSS & UI features

An overview of the most exciting new CSS & UI features of 2023.

435 views05:05

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?...

314 views04:31

Create a login form page with the Glassmorphism effect

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

#onlineTutorials #glassmorphism #css #html

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…

326 views04:35

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

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...

335 views04:45

Create a hover effect menu display with a modern appearance with Online Tutorials

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

—-

#html #css #onlineTutorials

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.…

329 views11:06

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

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…

359 views11:20

How to style a list with CSS and HTML with Kevin Powell

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

#css #list #html #kevinPowell

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…

385 views11:26

Tips for using Custom Properties in CSS with Kevin Powell

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

#css #customProperty #kevinPowell

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…

419 views11:30

Training from Traversy Media creates a portfolio web application with HTML and CSS

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

#traversyMedia #html #css

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…

413 views06:31

Online Tutorials - Infinite Scrolling Animation | CSS Only Text and Image Carousel

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

#css #html #onlineTutorials

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…

395 views06:31