Defensive CSS
defensivecss.dev
Defensive CSS
1–10 of 73 posts
Re: Defensive CSS
#2Some really nice tips here.
Re: Defensive CSS
#3Previous discussion: https://news.ycombinator.com/item?id=29504784
Not the same exact link but same author. Looks like he turned his post into a full-blown site.
Re: Defensive CSS
#4Really love the togglable examples. It's often hard to imagine how a change look and while in a perfect world I'd have time to make a mockup to test each version, well, it's hardly a perfect world so examples are appreciated!
Re: Defensive CSS
#5I will trust any CSS content from Ahmad Shadeed, I am continually impressed and I've been developing CSS my whole career.
Re: Defensive CSS
#6Those negative examples don't work for me on Safari, I can't drag the frame small enough to trigger the bad examples - it seems not to allow it.
So tbh the content looks good for me in both bad and defensive cases
Re: Defensive CSS
#7Suggestion for the breadcrumb example on this page (and other examples like it): https://defensivecss.dev/tip/flexbox-wrapping/#breadcrumbs
Show the HTML and CSS for the example in plain text below the example - saves me from firing up the browser inspector tools, which aren't available if I'm browsing on my phone.
Re: Defensive CSS
#8As someone who is not very good at UX / frontend, and especially CSS, these kind of tips are very good.
Re: Defensive CSS
#9I will trust any CSS content from Ahmad Shadeed, I am continually impressed and I've been developing CSS my whole career.
Seconded.
Re: Defensive CSS
#10Wow this is great. I could have really used some of these examples a few days ago.
CSS grid combined with media queries feels like cheating to me. Am I missing something big here, or is this all safe to use in 2022?