Nailing That Cool Dissolve Transition
31.3.2021
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...
This Web Site is a Tech Talk
31.3.2021
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...
UI Interactions & Animations Roundup #15
31.3.2021
A fresh set of hand-picked animation shots that show the current trends in motion and interaction design.
The post UI Interactions & Animations Roundup #15 appeared first on Codrops
HTML Inputs and Labels: A Love Story
30.3.2021
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...
ShopTalk Patreon
30.3.2021
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...
You want margin-inline-start
30.3.2021
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...
Deliver Enhanced Media Experiences With Google’s Core Web Vitals
30.3.2021
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...
Inspirational Websites Roundup #24
30.3.2021
A fresh collection of hand-picked websites with interesting and outstanding designs to get you updated on the current trends.
The post Inspirational Websites Roundup #24 appeared first on Codrops
:where() has a cool specificity trick, too.
30.3.2021
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....
Tricking WCV
30.3.2021
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...
Tools for Auditing CSS
29.3.2021
Auditing CSS is not a common task in a developer’s everyday life, but sometimes you just have to do it. Maybe it’s part of a performance review to identify critical CSS and reduce unused selectors. Perhaps is part of effort …
The post Tools for Auditing CSS appeared first on CSS-Tricks.
You...
How to describe element’s natural sizing behavior
26.3.2021
PPK:
When introducing width and height I explain that by default width takes as much horizontal space as it can, while height takes as little vertical space as possible. This leads to a discussion of these two opposed models
…
The post How to describe element’s natural sizing...