Responsive Animations for Every Screen Size and Device

Responsive Animations for Every Screen Size and Device

Before I career jumped into development, I did a bunch of motion graphics work in After Effects. But even with that background, I still found animating on the web pretty baffling. Video graphics are designed within a specific ratio and … Responsive Animations for Every Screen Size and Device originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
5 Accessibility Quick Wins You Can Implement Today

5 Accessibility Quick Wins You Can Implement Today

Let’s face it: building an AA or AAA-accessible product can be quite daunting. Luckily, having an accessible product isn’t all-or-nothing. Even seemingly small improvements can have nice quality of life benefits for many people. In that spirit, here are five … 5 Accessibility Quick Wins You Can Implement Today originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
No Motion Isn’t Always prefers-reduced-motion

No Motion Isn’t Always prefers-reduced-motion

There is a code snippet that I see all the time when the media query prefers-reduced-motion is talked about. Here it is: @media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; … No Motion Isn’t Always prefers-reduced-motion originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...