Low framerate in Safari on M1 Mac

John James Jacoby:

I recently noticed that animations in Safari were stuttering pretty badly on my M1 powered 2020 MacBook Air, and dove in to figure out why.

The why:

This wasn’t a bug. This was a feature.… https://css-tricks.com/low-framerate-in-safari-on-m1-mac/

4y | CSS tricks
Bartosz Ciechanowski’s Interactive Blog Posts

I saw Bartosz Ciechanowski’s “Curves and Surfaces” going around the other day and was like, oh hey, this is the same fella that did that other amazingly interactive blog post on the Internal Combustion Engine the other day. I … https://css-tricks.com/bartosz-ciechanowskis-interactive-blog-posts/

4y | CSS tricks
Ain’t No Party Like a Third Party

I’d like to tell you something not to do to make your website better. Don’t add any third-party scripts to your site.

That may sound extreme, but at one time it would’ve been common sense. On today’s … https://css-tricks.com/aint-no-party-like-a-third-party/

4y | CSS tricks
Test Your Site With Real Users

A few years ago, there was this French book publisher. They specialize in technical books and published an author who wrote a book about CSS3, HTML5 and jQuery. The final version, however, a glaring typo on the cover where “HTML5” … https://css-tricks.com/test-your-site-with-real-users/

4y | CSS tricks
Fractional SVG stars with CSS

Some ⭐️⭐️⭐️⭐️⭐️ star rating systems aren’t always exactly even stars. Say you want to support rating something 2.25 stars. To do that you could “fill” the shape of the stars partially. I like this idea by Samuel Kraft. The tricky … https://css-tricks.com/fractional-svg-stars-with-css/

4y | CSS tricks
Embrace your code’s transience

Websites change. Healthy codebases are constantly being updated. Legacy code dies when it eventually goes down with the ship. Recognizing that my code is transient allows me to be more practical about my code and what guides my decision-making as … https://css-tricks.com/embrace-your-codes-transience/

4y | CSS tricks
Streaming Optimized Videos From AWS S3 in Minutes

(This is a sponsored post.) Videos appeal to humans in a way no other form of the content does. A video includes motion, music, still images, text, speech, and a few other elements, all of which combine to deliver … https://css-tricks.com/streaming-optimized-videos-from-aws-s3-in-minutes/

4y | CSS tricks
Dock Life: Using Docker for All The Things!

I think if you’re a DevOps person in any capacity, the utility of Docker is very clear. Your things run in containers that are identical everywhere. Assuming Docker is working/running, the code will execute in a reliably consistent way whether … https://css-tricks.com/dock-life-using-docker-for-all-the-things/

4y | CSS tricks
Exactly What You Want

What is one thing people can do to make their website better?

Exactly what you want to build!

Ask yourself:

What drew you to development in the beginning?Is there an experimental API that you’ve been wanting to try out?… https://css-tricks.com/exactly-what-you-want/

4y | CSS tricks
Embrace the Unpredictable

In nature, no two things are ever the same. Life is imperfect, unpredictable, and beautiful. We can walk through the same forest every day and see differently colored leaves. We can look up at the clouds every minute and watch … https://css-tricks.com/embrace-the-unpredictable/

4y | CSS tricks

Suche