π° Blend modes in CSS
You can also use blend modes to control how elements on a web page blend with their backgrounds or with other elements.
Blend modes allow you to create various visual effects, including mix and background blending, colored areas, duo-tone, halftone, scanned lines, and emboss effects.
You can also use blend modes to control how elements on a web page blend with their backgrounds or with other elements.
π€©1
π΄ Still using the old way to define media queries in CSS in 2025? Time to rewrite those definitions!
π₯ Here is the modern and very concise way for defining media queries, that was introduced a while back in CSS.
This also works with only one value defined:
Eg: (80rem <= width)
π₯ Here is the modern and very concise way for defining media queries, that was introduced a while back in CSS.
This also works with only one value defined:
Eg: (80rem <= width)
β€2
Media is too big
VIEW IN TELEGRAM
π
Bootstrap 5 Crash Course
Bootstrap is one of the most widely used CSS frameworks, but it can be quite complex to learn since there are so many features in Bootstrap. In this video I will be breaking down everything you need to know about Bootstrap by covering the entire grid system, 6 popular components, and 6 categories of utility classes.
β€2
Media is too big
VIEW IN TELEGRAM
π
Figma Oversimplified (2025)
β° Timestamps:
00:00 - Intro
01:20 - Getting started
01:58 - Interface & Tools
03:54 - Frames
04:22 - Plugins
04:41 - Layouts
07:36 - Components
08:51 - Variants & Prototypes
09:59 - Design to product
11:09 - Low-code plugins
Learn Figma in 13 minutes by covering all the core concepts you need to get started.
β° Timestamps:
00:00 - Intro
01:20 - Getting started
01:58 - Interface & Tools
03:54 - Frames
04:22 - Plugins
04:41 - Layouts
07:36 - Components
08:51 - Variants & Prototypes
09:59 - Design to product
11:09 - Low-code plugins
β€3π₯°1
This media is not supported in your browser
VIEW IN TELEGRAM
π§ CSS TIP
Use trigonometric functions in CSS to create a smooth stepped transition delay:
Use trigonometric functions in CSS to create a smooth stepped transition delay:
.character {
transition-delay:
calc(sin((var(--index) / 12) * 45deg) * 0.475s);
}β€2
This media is not supported in your browser
VIEW IN TELEGRAM
π¨βπ¨ CSS TIP
shape-outside property in action
shape-outside property in action
.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}β€1