🖐 8 Super useful HTML tips & tricks that every Developer should know about
👍1🙏1
Forwarded from Learning Programming
🔰 Dart and Flutter 3 Bootcamp: Build Apps for Any Screen!
🌟 4.7 - 327 votes 💰 Original Price: $54.99
🔊 Taught By: Jose Portilla, Pierian Training
📤 Download Full Course
🌟 4.7 - 327 votes 💰 Original Price: $54.99
📖 Learn to use the powerful Dart and Flutter libraries to create mobile, desktop, and web applications!
🔊 Taught By: Jose Portilla, Pierian Training
📤 Download Full Course
To create a glass effect (also known as a glassmorphism effect) in CSS, you can use a combination of properties including background, backdrop-filter, box-shadow, and border.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
📢 Announcement! 📢
🎉 The votes are in, and the winner is: Programming and Coding Tutorials Channel! 💻✨
🚀 We’ll be creating this channel as soon as possible, so stay tuned and stay connected for updates!
🌟 Thank you all for your participation and support! 🙌
🎉 The votes are in, and the winner is: Programming and Coding Tutorials Channel! 💻✨
🚀 We’ll be creating this channel as soon as possible, so stay tuned and stay connected for updates!
🌟 Thank you all for your participation and support! 🙌
Lets you create partial or full-page visuals with elements animating into and within the viewport, also known as scrollytelling, for dynamic visual impact.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍2
Recently, CSS has supported "logical" direction based properties for margin, padding, border, etc!
Previous to this, we were able to define properties based on physical directions like left, right, etc. This was a problem when different writing modes come into play, such as Arabic which is written from right to left, or traditional Chinese, Japanese, which are written from top to bottom.
👉 These new properties automatically adjust to the writing mode without the need for media queries.
"block" indicates main axis of writing mode (top to bottom for English)
"inline" indicates the cross axis of the writing mode (left to right for English)
You can combine this to create different properties for margin, padding, border, size and inset
👉 margin-block-end
👉 padding-inline
👉 border-inline-start
👉 inline-size
👉 block-size
✨ This also has the benefit that it provides shorthands like margin-inline which sets both left and right margin
Previous to this, we were able to define properties based on physical directions like left, right, etc. This was a problem when different writing modes come into play, such as Arabic which is written from right to left, or traditional Chinese, Japanese, which are written from top to bottom.
👉 These new properties automatically adjust to the writing mode without the need for media queries.
"block" indicates main axis of writing mode (top to bottom for English)
"inline" indicates the cross axis of the writing mode (left to right for English)
You can combine this to create different properties for margin, padding, border, size and inset
👉 margin-block-end
👉 padding-inline
👉 border-inline-start
👉 inline-size
👉 block-size
✨ This also has the benefit that it provides shorthands like margin-inline which sets both left and right margin
❤1