Empathetic Animation

Animation on the web is often a contentious topic. I think, in part, it’s because bad animation is blindingly obvious, whereas well-executed animation fades seamlessly into the background. When handled well, animation can really elevate a website, whether it’s just … https://css-tricks.com/empathetic-animation/

4y | CSS tricks
Our favorite Chrome extensions of 2021

I hadn’t heard of most of the Chrome extensions that Sarem Gizaw lists as 2021 favorites. Here are my hot takes on all of them, except the virtual learning specific ones that aren’t very relevant to me.

LoomOh that’s … https://css-tricks.com/our-favorite-chrome-extensions-of-2021/

4y | CSS tricks
Add a Service Worker to Your Site

One of the best things you can do for your website in 2022 is add a service worker, if you don’t have one in place already. Service workers give your website super powers. Today, I want to show you some … https://css-tricks.com/add-a-service-worker-to-your-site/

4y | CSS tricks
Honor prefers-color-scheme in the CSS Paint API with Custom Properties

One of the coolest things I’ve been messing with in the last couple years is the CSS Paint API. I love it. I did a talk on it, and made a little gallery of my own paint worklets… https://css-tricks.com/honor-prefers-color-scheme-in-the-css-paint-api-with-custom-properties/

4y | CSS tricks
Strut Your Stuff With a Custom Scrollbar

The first time I had my breath taken away by a humble scrollbar was on this very site. When CSS-Tricks v17 rolled out with its FAT CHONKY BOI, my jaw dropped.

I didn’t know you could do that on … https://css-tricks.com/strut-your-stuff-with-a-custom-scrollbar/

4y | CSS tricks
Care for the Text

How do you make a great website? Everyone has an answer at the ready: Flashy animations! The latest punk-rock CSS trick! Gradients! Illustrations! Colors to pack a punch! Vite! And, sure, all these things might make a website better. But … https://css-tricks.com/care-for-the-text/

4y | CSS tricks
Remember You Are Not the User

One thing people can do to make their websites better is to remember that you are not representative of all your users. Our life experiences and how we interact with the web are not indicative of how everyone interacts with … https://css-tricks.com/remember-you-are-not-the-user/

4y | CSS tricks
2021 Roundup of Web Research

Last year, we kicked out a roundup of published surveys, research, and other findings from around the web. There were some nice nuggets in there, like a general sentiment that the web needs more documentation, Tailwind CSS dun … https://css-tricks.com/2021-roundup-of-web-research/

4y | CSS tricks
Show, Don’t Tell

How much time do you spend designing the content presentation for your websites? When you write a new blog post or create a new page, are you thinking about just the words, or how your readers will engage with those … https://css-tricks.com/show-dont-tell/

4y | CSS tricks
Personalize it!

Ensuring accessibility is a clear path to making your website better. When you make your site accessible, you grow your audience, improve the experience for all people using it (not just those with accessibility needs), and you get SEO benefits… https://css-tricks.com/personalize-it/

4y | CSS tricks

Căutare