There’s a 33-minute video (and resources) over on apple.com covering the upcoming Safari changes we saw in the WWDC keynote this year in much more detail. Look who’s got a little cameo in there: Perhaps the most noticeable thing there …
The post Safari 15: New UI, Theme Colors, and… a CSS-Tricks Cameo? appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/safari-15-new-ui-theme-colors-and-a-css-tricks-cameo/
Why would we need to apply shadows to SVG?
Shadows are a common design feature that can help elements, like icons, stand out. They could be persistent, or applied in different states (e.g. :hover, :focus, or :active)
…
The post Adding Shadows to SVG Icons With CSS and SVG Filters appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/adding-shadows-to-svg-icons-with-css-and-svg-filters/
One thing that can be just a smidge funky about the element is that, when open, it’s not always 100% clear what is inside that element and what isn’t. I’m not saying that always matters or that it’s a …
The post Put a Background on Open Details Elements appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/put-a-background-on-open-details-elements/
In this tutorial, we will learn and use headless CMS, Fauna, and Vercel functions to build a blogging platform, Blogify After that, you can easily build any web application using a headless CMS, Fauna and Vercel functions.
The post Building a Headless CMS with Fauna and Vercel Functions appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/building-a-headless-cms-with-fauna-and-vercel-functions/
As awesome as flexbox is, what it’s doing under the hood is actually a little strange because, by default, it is doing two things at once. It first looks at the content size which is what we would get if by declaring width: max-content on an element. But on top of that, flex-shrink is also doing some work allowing the items to be smaller, but only if needed. Let’s break those two down and see how they work together.
The post Equal Columns With Flexbox: It’s More Complicated Than You Might Think
I don’t know about y’all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks. The buzz about container queries actually started back in December after Miriam Suzanne posted a proposal (picking up on …
The post A Cornucopia of Container Queries appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Does that make your eye twitch a little bit? Like… it’s a typo. It should be target="_blank" with an underscore to start the value. As in…
Have you ever experienced the frustration of trying to tap a button on a mobile device only to have it do nothing because the target size is just not large enough **and it’s not picking up on your press? Maybe …
The post Looking at WCAG 2.5.5 for Better Target Sizes appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/looking-at-wcag-2-5-5-for-better-target-sizes/
WordPress sites have an API by default. Wanna see this site’s most recent posts, with just a specific set of data… in JSON format? Here ya go. Alex Riviere made a joke site using that. At first, the site …
The post CSS-Trickz: An Experiment with Netlify’s On-Demand Builders appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://alex.party/posts/2021-05-31-css-trickz-an-experiment-with-netlify-s-on-demand-builders/
Show/Hide password accessibility and password hints tutorial — Nicolas Steenhout goes deep on accessibility. For one thing, being able to toggle it to type="text" should be possible, while announcing, politely, the change. But also, put the password hints … The post Links on Accessibility appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter. https://css-tricks.com/links-on-accessibility/