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

320 views10:50

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…

289 views11:01

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…

336 views11:05

Learn CSS™

SupportsCSS — Feature Detection for Modern CSS

https://supportscss.dev/

296 views12:56

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

301 views12:57

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/

291 views12:57

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/

293 views12:57

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/

324 views12:57

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

341 views12:57

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/

352 views12:57

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…

314 views04:31

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

335 views04:35

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

364 views03:05

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

373 views04:30

Learn CSS™

Should we create a channel on WhatsApp?

Anonymous Poll

22 voters346 views08:54

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…

378 views04:40

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…

393 views04:55