Up until 2020, blend modes were a feature I hadn’t used much because I rarely ever had any idea what result they could produce without giving them a try first. And taking the “try it and see what happens” approach …
The post Taming Blend Modes: difference and exclusion appeared first on CSS-Tricks.
You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/taming-blend-modes-difference-and-exclusion/
AVIF has been getting a lot of tech press, but Jon Sneyers is hot on JPEG XL (which makes sense as he’s the “chair of the JPEG XL ad hoc group in the JPEG Committee”). According to Jon’s comparison, JPEG …
The post Time for Next-Gen Codecs to Dethrone JPEG appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg
In this week’s round-up, prefers-contrast lands in Safari, MathML gets some attention, :is() is actually quite forgiving, more ADA-related lawsuits, inconsistent initial values for CSS Backgrounds properties can lead to unwanted — but sorta neat — patterns. The prefers-contrast: more…
The post Platform News: Prefers Contrast, MathML, :is(), and CSS Background Initial Values appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
I’m going to try to show you some things I think are useful and important about axe™ DevTools and use as few words as possible. axe DevTools includes a browser extension which you need no special expertise to use. You …
The post axe DevTools Pro appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Alex Russell made some interesting notes about performance and how it impacts folks on mobile:
[…] CPUs are not improving fast enough to cope with frontend engineers’ rosy resource assumptions. If there is unambiguously good news on the tooling front,
…
The post The Mobile Performance Inequality Gap appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://infrequently.org/2021/03/the-performance-inequality-gap/
I still remember my excitement when I learned how to build a hover-triggered submenu with just CSS. (It was probably after reading this 2003 article from A List Apart.) At the time, it was a true CSS trick. Seriously. …
The post In Praise of the Unambiguous Click Menu appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/in-praise-of-the-unambiguous-click-menu/
File this under stuff you don’t need to know just yet, but I think the :has CSS selector is going to have a big impact on how we write CSS in the future. In fact, if it ever ships in …
The post Did You Know About the :has CSS Selector? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/did-you-know-about-the-has-css-selector/
So, you have been working on this new and fancy web application. Be it a recipe app, a document manager, or even your private cloud, you‘ve now reached the point of working with users and permissions. Take the document manager …
The post Handling User Permissions in JavaScript appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/handling-user-permissions-in-javascript/
I had a very embarrassing CSS moment the other day. I was working on the front-end code of a design that had a narrow sidebar of icons. There isn’t enough room there to show text of what the icons are, …
The post Long Hover appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
CSS-Tricks has covered how to break text that overflows its container before, but not much as much as you might think. Back in 2012, Chris penned “Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc)” and it is still …
The post Better Line Breaks for Long URLs appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.