DefensiveCSS's profile picture. Practical CSS and design tips that helps in building future-proof user interfaces. A project by @shadeed9

Defensive CSS

@DefensiveCSS

Practical CSS and design tips that helps in building future-proof user interfaces. A project by @shadeed9

Defensive CSS 님이 재게시함

Now up in the front-end track is @shadeed9, talking about @DefensiveCSS which he published earlier this year. defensivecss.dev #WebDirections

bramus's tweet image. Now up in the front-end track is @shadeed9, talking about @DefensiveCSS which he published earlier this year.

defensivecss.dev

#WebDirections

Defensive CSS 님이 재게시함

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 @shadeed9 will outline defensive CSS, a term he coined to describe CSS that is future-proof and defensive. buff.ly/3KwIrn1

webdirections's tweet image. 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 @shadeed9 will outline defensive CSS, a term he coined to describe CSS that is future-proof and defensive.

buff.ly/3KwIrn1

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…

DefensiveCSS's tweet card. Paris Web 2022 - Vendredi 7 octobre - Salle Capella

youtube.com

YouTube

Paris Web 2022 - Vendredi 7 octobre - Salle Capella

Hello 👋 I got back home today from my trip to @ParisWeb! It was a great experience for a first-time speaker! I learned a lot, and glad that I met @mmatuzo, @klohFR, and @ffoodd_fr in person 🤩 Photo credit: the amazing @mmatuzo

shadeed9's tweet image. Hello 👋

I got back home today from my trip to @ParisWeb! It was a great experience for a first-time speaker! I learned a lot, and glad that I met @mmatuzo, @klohFR, and @ffoodd_fr in person 🤩

Photo credit: the amazing @mmatuzo


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

ParisWeb's tweet image. 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


Defensive CSS 님이 재게시함

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 @DefensiveCSS 🔥

shadeed9's tweet image. 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 @DefensiveCSS 🔥

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


Defensive CSS 님이 재게시함

So excited to speak about @DefensiveCSS at Xpand conf in Jordan 🙌

Ahmad Shadeed will be speaking at Xpand! Ahmad is a well known product designer and front-end developer whose work has been recognized and featured by well-known websites and newsletters like Smashing Magazine, Laravel, CSS-Tricks, Codrops, HTML5 Weekly, CSS Weekly, SidebarIO

Xpandconf's tweet image. Ahmad Shadeed will be speaking at Xpand!
Ahmad is a well known product designer and front-end developer whose work has been recognized and featured by well-known websites and newsletters like Smashing Magazine, Laravel, CSS-Tricks, Codrops, HTML5 Weekly, CSS Weekly, SidebarIO


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

DefensiveCSS's tweet image. 💡 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…

Defensive CSS 님이 재게시함

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 @DefensiveCSS 🤩

shadeed9's tweet image. 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 @DefensiveCSS 🤩

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…

DefensiveCSS's tweet image. 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…

Defensive CSS 님이 재게시함

Looking forward to talk about @DefensiveCSS at Paris Web later this year.

#ParisWeb conference: on October 7th, we will have the pleasure to welcome @shadeed9 who will introduce you to the idea of Defensive CSS: Ways and techniques we can use right away to prevent potential layout bugs. paris-web.fr/2022/conferenc…

ParisWeb's tweet image. #ParisWeb conference: on October 7th, we will have the pleasure to welcome @shadeed9 who will introduce you to the idea of Defensive CSS: Ways and techniques we can use right away to prevent potential layout bugs.
paris-web.fr/2022/conferenc…


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…


⚠️ 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…


Defensive CSS 님이 재게시함

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

이 트윗은 더 이상 사용할 수 없습니다.

Defensive CSS 님이 재게시함

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

shadeed9's tweet image. I will be speaking about @DefensiveCSS at the CSS Café (@CSS__Cafe) meetup this Thursday. I'm looking forward to it! 🤩

Details: meetup.com/de-DE/css-cafe…

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


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


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

DefensiveCSS's tweet image. Current status: working on the introductory article for Defensive CSS ✍️

I'm really excited to publish the project soon 🤩

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

DefensiveCSS's tweet image. I'm having so much fun creating these abstract covers for each CSS defensive tip! 🤩

Loading...

Something went wrong.


Something went wrong.