Learn CSS™
@CSS_web_learn
794 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™
794 subscribers
Learn CSS™
Tips for using Tailwind CSS with James Quick

https://www.youtube.com/watch?v=Id-4SpNmV6I

#tailwind #css #tips
YouTube
DID YOU KNOW About This Tailwind CSS Feature?!
Tailwind arbitrary properties allows you to use any CSS property as a Tailwind class even if it isn't supported by Tailwind.

Chris Sev's Tailwind Tweet - https://twitter.com/chris__sev/status/1663598261524131841
Tailwind Arbitrary Properties - https://t…
331 views
Learn CSS™
The results of the State of CSS 2023 are out and can be seen at the following link

https://2023.stateofcss.com/en-US/

#css #stateOfCss #survey
Stateofcss
State of CSS 2023
The 2023 edition of the annual survey about the latest trends in the CSS ecosystem.
360 views
Learn CSS™
An exercise from Web Dev Simplified about introducing some of the newest CSS features

https://youtu.be/y8CYSwHXVNE?si=EFjyUBON-nal-zCm

---

Collection of loader animation components with HTML and CSS

https://dev.to/afif/css-loaderscom-the-biggest-collection-of-loading-animations-more-than-500--23jg

---

Basic CSS training from Freecodecamp

https://www.freecodecamp.org/news/css-style-sheets-basics/

#css #loader #animation #webdevsimplified
YouTube
5+ CSS Features That Will Change How You Code
2023/2024 will be crazy years for CSS. The number of new features being added is unreal, but most importantly those new features are absolute game changers. ...
334 views
Learn CSS™
CSS styling guide with Kevin Powell

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

#css #kevinPowell #styling
YouTube
Beginner’s guide to styling text with CSS
Get my Essential Font Properties Cheat Sheet for a quick reference to the different properties and values I talk about in this video: https://kevin-powell.ck.page/d3dcf0ac84

When we first start learning about CSS, one of the first things we learn is that…
👍1
303 views
Learn CSS™
Exercises from Dcode create Cards displays with CSS and HTML

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

#cards #html #css #dcode
YouTube
Easy HTML & CSS Cards
In today's video I'll show you how to create this simple card design using HTML & CSS 😎. Perfect for displaying things such as articles.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.vis…
351 views
Learn CSS™
SupportsCSS — Feature Detection for Modern CSS

https://supportscss.dev/
307 views
Learn CSS™
Linting defensive and logical CSS with Stylelint plugins

In this article, we’ll explore using Stylelint plugins to help us adopt and enforce defensive and logical CSS practices.

https://blog.logrocket.com/linting-defensive-logical-css-stylelint-plugins
311 views
Learn CSS™
Quick Tip: Shipping Resilient CSS Components

In this quick tip, discover how container queries enable us to ship resilient components containing built-in layout and style variants.

https://www.sitepoint.com/quick-tip-shipping-resilient-css-components/
300 views
Learn CSS™
Mastering CSS Blend Modes

CSS mix blend modes provide an easy, yet powerful way to create visually interesting designs.

https://www.kodingkitty.com/blog/blend-modes/
302 views
Learn CSS™
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/
335 views
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
352 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/
363 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…
328 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…
347 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...
378 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
384 views
Learn CSS™
Should we create a channel on WhatsApp?
Anonymous Poll
59%
Yup
41%
Nope
22 voters358 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…
390 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…
407 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…
409 views