3 CSS codes every front-end developer needs to know!
Вставка
- Опубліковано 21 лип 2024
- In this video, I share with you 3 simple and useful CSS codes that I use in almost all my Web projects. (Which is why, I think, every Front-End developer should know them!)
Note: For the demonstration, we're using @Webflow because, thanks to its visual interface (WYSIWYG), I find this tool perfect for presenting and sharing CSS tips.
Any CSS tips to share? Share your code in comments 👇
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
❖ TEMPS FORTS 🍿
◇ Introduction 00:00
◇ overflow: clip 00:25
◇ text-wrap: balance 01:16
◇ -webkit-line-clamp 02:06
◇ Webflow & Client-First Global Styles 03:10
◇ Additional resources 03:31
◇ Thank you and conclusion 03:54
❖ DIGIDOP ACADEMIE 🎓
◇ Formation Figma : academie.digidop.fr/formation...
◇ Hors-série Webflow Editeur : academie.digidop.fr/formation...
❖ ARTICLE 📖
◇ www.digidop.fr/blog/10-codes-...
❖ OUTILS 🔧
◇ Webflow : webflow.grsm.io/digi
◇ Figma : psxid.figma.com/doifl7dlu7ab-...
❖ RESSOURCES 🧠
◇ Académie : academie.digidop.fr/
◇ Blog : www.digidop.fr/blog/
◇ Outils : www.digidop.fr/ressources/outils
❖ CONTACT 👋
◇ Contact Digidop : www.digidop.fr/contact
◇ Instagram : / digidop.fr
◇ TikTok : / digidop.fr
◇ LinkedIn : / digidop
❖ HASHTAGS
#css #tips #webflow
Thank you for following us 💛
Et vous ? Quel est votre tips CSS préféré ? 👇
Format top et très intéressant !
Merci beaucoup pour ton retour ! 😁
@@digidop pas de soucis, je suis développeuse fullstack et j’aime beaucoup ces petits formats pour faire de la vieille sur différents langages front
C'est juste super ❤
Merci ! 🙏💛
🙂
Pour le dernier astuce, celui de limiter les nombres des lignes d'un bloc de texte, je constate que ça ajoute les ... à la fin pour signaler qu'il y a une suite.
Question : comment faire pour permettre à l'utilisateur de voir la suite du texte au clique ou survole par exemple ?
Pour ça, tu peux créer une animation qui au clique ou survole de ton élément :
1️⃣ Enlève la classe CSS (qui ajoute le custom) de ton élément
2️⃣ Fait appear un autre bloc, avec le texte complet
Ça répond à ta question ?
@@digidop Oui, je n'ai pas encore tester mais je pense que c'est logique que ça fonctionne en ajoutant une interaction avec le JS de webflow. Merci Digidop 🤗