Web design source code
904 subscribers
235 photos
71 videos
82 files
44 links
Advertisements Contact meπŸ‘‡πŸ»
@We_D5
design web
source code free
https://t.iss.one/Web_design3
Download Telegram
πŸ”° Blend modes in CSS

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
πŸ”° Anatomy of CSS
❀2
😴 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)
❀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)

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
πŸ”° Learn Rest API in 2 minutes
❀2
πŸ”… CSS: Emmet for CSS
❀2πŸ‘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:

.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

.column--left .shape {
float: right;
shape-outside: circle(100px at 100% 50%);
}
❀1