An idea I stole from MDN website 😛 how to setup a fade out for long text in article cards, etc
✨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)
💡 You could also use CSS custom properties to avoid referring to 1.5rem multiple times
✨ The trick is to create a psuedo element that is placed in a manner to cover only the last line, and add a horizontal gradient, from full transparent to background color (white)
💡 You could also use CSS custom properties to avoid referring to 1.5rem multiple times
❤1👍1
Here is a simple implementation for a shimmering badge to grab the attention of your audience!
⚠️ Although not mentioned in this post, it is important to respect user's preferences regarding animations and enable this only when they are okay with animations. You can check for this using the prefers reduced motion media queries.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
The popover attribute is a global attribute, meaning it can be applied to any HTML element to convert it into a popover.
Please open Telegram to view this post
VIEW IN TELEGRAM
📖 Create an Face Recognition project from scratch with Python, OpenCV , Machine Learning Algorithms, Flask, Heroku Deploy
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Ensures elements like buttons or text containers adapt their width dynamically, maintaining a consistent layout across different devices and languages.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1
📖 Understand React Native with Hooks, Context, and React Navigation.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1
Media is too big
VIEW IN TELEGRAM
DOM manipulation is tough. There are lots of methods and techniques you need to master and it is not obvious which methods are best for each scenario. In this video I cover the 14 most important DOM manipulation methods that you need to know.
🧠 Concepts Covered:
- Creating elements
- Adding elements
- Modifying data attributes
- Removing elements
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3
Please open Telegram to view this post
VIEW IN TELEGRAM