🔥The 9th Round of Easy Loan, Earn $40 Reward is in progress❗️ ⏰ Promotion Period: January 15th - Feburary 15th, 2025 👉 Register now and check more details at gate.io/campaigns/358

I'm having so much fun creating these abstract covers for each CSS defensive tip! 🤩

Current status: working on the introductory article for Defensive CSS ✍️ I'm really excited to publish the project soon 🤩

Hello world, I’m happy to publish Defensive CSS! 🥳 It's a resource explaining how to write CSS defensively, and how it can be used as a strategy for every front-end project. ✍️ More content is on the way! defensivecss.dev

✍️ This article provides an overview of what Defensive CSS is and what problems it solves. Hope you enjoy it! defensivecss.dev/articles/intro…

I will be speaking about Defensive CSS at the CSS Café (CSS Café) meetup this Thursday. I'm looking forward to it! 🤩 Details: meetup.com/de-DE/css-cafe…

Want to get an idea of what "Defensive CSS" 🛡 exactly is? This Thursday would be *the* opportunity as Ahmad Shadeed will be presenting his thoughts and ideas around it at our next online event! 🥳✨ 👇🏻 css.cafe

⚠️ By default, flexbox will let its child items take up as much space as the content. This can lead to overflow issues. Learn more about how to prevent that. defensivecss.dev/tip/flexbox-mi…

A little late and sorry for that, but here are all the links mentioned during Ahmad Shadeed's talk: Slides: drive.google.com/file/d/1CgHB9R… ishadeed.com defensivecss.dev x.com/defensivecss caniuse.com/mdn-css_proper… amazon.com/Bulletproof-We…

Have you ever tried using position: sticky with CSS grid and it didn't work? You need to override the default behavior of CSS grid by applying align-self: start to the aside. ✍️ Find out more in this defensive tip: defensivecss.dev/tip/position-s…

Looking forward to talk about Defensive CSS at Paris Web later this year.

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…

It was an honor for me to give a talk on Defensive CSS to the Supermetrics development team in Helsinki, Finland. This is a great experience for me and looking to spread the word even more about Defensive CSS 🤩

💡 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…

So excited to speak about Defensive CSS at Xpand conf in Jordan 🙌

🌟 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…

I have updated defensivecss.dev and added a speaking section. It's amazing how quickly a simple idea can take off! 🤩 I am so excited for what is to come for Defensive CSS 🔥

Looking forward to speak about Defensive CSS next week in Paris! 🤩

It was an honor talking about Defensive CSS Paris Web. You can watch the talk here (It's a part of a live stream): youtube.com/watch?v=ym2sI8…

CSS allows you to build any layout you want. Unfortunately, we still don't care too much about preventing CSS issues upfront. So at Summit Ahmad Shadeed will outline defensive CSS, a term he coined to describe CSS that is future-proof and defensive. buff.ly/3KwIrn1

Now up in the front-end track is Ahmad Shadeed, talking about Defensive CSS which he published earlier this year. defensivecss.dev #WebDirections