Here’s a fabulous post by Vitaly Friedman that looks at how to make accessible front-end components and what problems there are today when it comes to building them. There’s so much great info packed into this one post that I’m …
The post Where the World Wide Web Shines appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
I would hope all our web designer/developer spidey senses trigger when the solution to an accessibility problem isn’t “fix the issue” but rather “add extra stuff to the page.” This Overlay Fact Sheet website explains that. An “Overlay” is one …
The post Overlay Fact Sheet appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
This literal tech talk (YouTube video embedded in there) by Zach Leatherman is a good time. The talk is sprinkled with fun trickery, so I’m just taking notes on some on it here:
I have no idea how he pulled
…
The post This Web Site is a Tech Talk appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
We’re going to create an impressive transition effect between images that’s, dare I say, very simple to implement and apply to any site. We’ll be using the kampos library because it’s very good at doing exactly what we need. We’ll …
The post Nailing That Cool Dissolve Transition appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/nailing-that-cool-dissolve-transition/
Dave and I launched a Patreon for ShopTalk Show. You get two completely priceless things for backing us:
That great feeling you’re supporting the show, which has costs like editing, transcribing, developing, and hosting. Access to our backer-only Discord.
…
The post ShopTalk Patreon appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are much easier for people to use and that makes people happy too. A…
The post HTML Inputs and Labels: A Love Story appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
David Bushell in ”Changing CSS for Good“:
I’m dropping “left“ and “right“ from my lexicon. The new CSS normal is all about Logical Properties and Values […] It can be as easy as replacing left/right
…
The post You want margin-inline-start appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Hello! Satarupa Chatterjee from Cloudinary. There is a big change coming from Google in May 2021 having to do with their Core Web Vitals (CWVs). It’s worth paying attention here, as this is going to be a SEO factor. I …
The post Deliver Enhanced Media Experiences With Google’s Core Web Vitals appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/deliver-enhanced-media-experiences-with-googles-core-web-vitals/
There is a lot of hype on the :is() pseudo-selector lately, probably because now that Safari 14 has it, it’s supported across all the major browsers. You’ve got Miriam tweeting about it, Kevin Powell doing a video, Šime …
The post :where() has a cool specificity trick, too. appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://css-tricks.com/where-has-a-cool-specificity-trick-too/
Google has said that Web Core Vitals (WCV) are going to be an SEO factor, and the date is nigh: May 2021. So, I’m seeing some scrambling to make sure those metrics are good. Ya know, the acronym …
The post Tricking WCV appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://www.pdms.ca/improve-largest-contentful-paint-lcp-with-a-js-css-trick/