It was an honor talking about Defensive CSS @ParisWeb.
You can watch the talk here (It's a part of a live stream):
youtube.com/watch?v=ym2sI8…
Defensive CSS
@DefensiveCSS
Practical CSS and design tips that helps in building future-proof user interfaces. A project by @shadeed9
- Looking forward to speak about Defensive CSS next week in Paris! 🤩Designer et développeur front-end, @shadeed9 nous fera l'honneur de partager son expertise #CSS pour la toute première fois en France. Et ce sera à #ParisWeb le 7 octobre prochain ! paris-web.fr/2022/conferenc… Inscrivez-vous pour assister à sa conférence : inscriptions.paris-web.fr
- 🌟 New Tip When working with multilingual websites, make sure to account for short content lengths by setting a minimum size. In this example, the button "Done" become too small in Arabic. We can fix that by setting a min-width in CSS. Read more: defensivecss.dev/tip/button-min…
- 💡 In CSS grid, we can choose between auto-fill and auto-fit for how a grid item should behave. The keyword auto-fit is risky, specially when we don't know the number of grid items. Read more in this defensive CSS tip: defensivecss.dev/tip/auto-fit-f…
- It's a common mistake to use display: flex and forget about it. When the content gets longer, flex items will stretch to fill the parent. That's what happened to the image here. The fix is to use align-items or align-self depending on the use case. 🔗 defensivecss.dev/tip/default-fl…
