Web Development
131K subscribers
568 photos
58 videos
542 files
113 links
Learn to code and become a Web Developer with HTML, CSS, JavaScript, React, Node.js

πŸ’³ Paid ads: https://telega.io/c/Webdev_Trainings
Download Telegram
πŸ”… CSS Clamp

clamp(minimum, preferred, maximum);


In this example, the preferred value is 50%.

On the left 50% of the 400px viewport is 200px, which is less than the 300px minimum value that gets used instead.

On the right, 50% of the 1400px viewport equals 700px, which is greater than the minimum value and lower than the 800px maximum value, so it equates to 700px.
❀21
πŸ”… CSS Clamp is the future
❀7
πŸ”… CSS Clamp and font-size

p {
font-size: clamp(1rem, 4vw, 1.5rem);
}
❀17πŸ‘5
πŸ”° All CSS Functions
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀23πŸ‘12πŸ”₯6
Media is too big
VIEW IN TELEGRAM
πŸ”° 5 CSS Tips & Tricks for better Responsive Web Design

You will learn elegant solutions for everyday css problems and productive shorthands for responsive web design, How to implement modern css features like min() clamp() or the aspect-ratio property. How to achieve responsive padding, and responsive font-sizes with CSS only and without media queries. You will also learn about accessibility and many modern css features.
Please open Telegram to view this post
VIEW IN TELEGRAM
❀16πŸ”₯8πŸ‘5
πŸ”° 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.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❀16πŸ‘6πŸ”₯4
πŸ“’ Join COGNEX now – where global investors are gathering!

πŸ’Ή Daily returns starting from 45%, enjoy effortless wealth growth
🎁 22% team referral rewards, share profits with your friends
πŸ€– Powered by smart algorithms & fully automated quantitative strategies
πŸ’΅ Instant payouts, real user testimonials, and daily profits credited with ease
🎯 Don’t wait any longer – this is the moment to change your future!

🌟 Join now!
❀6