Tag: Css
-
CSS Text balancing with text-wrap:balance - Ahmad Shadeed
PermalinkA bunch of examples of how
text-wrap:balance
could be useful.Could’ve used this just the other day, actually.
-
A Bashful Button Worth $8 Million - Cloud Four
PermalinkIf fixing the introverted checkout button caused a three-quarters of a percentage point increase in online orders, it would increase Darden’s revenue by $8.1 million annually.
All of these numbers are guesses. They’re probably wrong. But even if they were a tenth of what I estimated, it would still be $812k. See what I mean about small changes making a big difference at this scale?
Jason documents his struggles trying to order from Olive Garden, and notes how a simple fix could provide them a significant boost in revenue.
-
Resize-Resilient `content-visiblity` Fixes - Infrequently Noted
PermalinkAlex posted a follow-up to a prior post on avoiding scrollbar jumping when using content-visibility.
It’s clever stuff—the combination of ResizeObservers and IntersectionObservers helping to avoid the shifting around that would occur otherwise.
This doesn’t do much though to eliminate the reservations I have about
content-visibility
. In theory, it’s a great addition, but the fact that it seems to need so much supporting scaffolding to make it usable for a relatively simple use-case makes me feel like it may be missing a few other pieces of native plumbing before it’s really ready for primetime.
-
Use the :lang pseudo-class over the lang attribute selector for language-specific styles
PermalinkOoo…this is smart. Ire explains why you should use the
:lang
pseudo-class instead of the[lang='']
attribute selector.
-
Third party CSS is not safe - JakeArchibald.com
PermalinkAfter a recent flurry of worry online around a CSS keylogger, Jake points out the real issue (emphasis mine):
Some folks called for browsers to ‘fix’ it. Some folks dug a bit deeper and saw that it only affected sites built in React-like frameworks, and pointed the finger at React. But the real problem is thinking that third party content is ‘safe’.