What’s Old is New
18.12.2020
This year, I learned a lot about how “old” tricks can solve a lot of modern problems if you use the right tools. Following the growth of Jamstack-style development has been both a learning experience, while also a nostalgic one. It’s been amazing to see how you can power plain...
Recreating a Dave Whyte Animation in React-Three-Fiber
17.12.2020
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
The post Recreating a Dave Whyte Animation in React-Three-Fiber appeared first on Codrops
Collective #641
17.12.2020
Codrops Collective Searcher * Scrollytelling with React * Tiny-Swiper * Cameras and Lenses
The post Collective #641 appeared first on Codrops
I learned to love the Same-Origin Policy
17.12.2020
I spent a good chunk of my work life this year trying (in collaboration with the amazing Noam Rosenthal) to standardize a new web platform feature: a way to modify the intrinsic size and resolution of images. And hey! We did it! But boy, was it ever a learning experience.
This wasn’t my first...
25 Years of JavaScript & 25 Free Courses
17.12.2020
(This is a sponsored post.)
Pluralsight is giving away 25 courses on JavaScript for free to celebrate JavaScript’s 25th birthday. It’s no cheapie, either. The courses range from getting your hands dirty with JavaScript for the first time, to full-on reactive development....
Three Ways to Distinguish a Site From the Norm
16.12.2020
In an age where so much web design is already neat, clean, and simple, I can think of three ways to distinguish your site from the norm:
Stunning visuals that cannot be created in UI vector editors, like Figma and Sketch
Beautifully-animated interactions that cannot be dreamt in the language...
Learning to Simplify
16.12.2020
When I first got this writing prompt, my mind immediately started thinking stuff like, “What tech have I learned this year?” But this post isn’t really about tech, because I think what I’ve learned the most about building websites this past year is simplification.
This year, I’ve learned that...
Slow Movement
16.12.2020
There was a time when I felt overwhelmed by how fast the web developed. It seemed like not a single day passed without a new plugin, framework, technique, or language feature being released. I believed that in order to survive as a freelancer and to compete with others I had to learn everything...
How to Use the Locomotive Scroll for all Kinds of Scrolling Effects
16.12.2020
I was recently looking for a way to perform scrolling effects on a project and I stumbled on the Locomotive Scroll library. It lets you perform a variety of scrolling effects, like parallax and triggering/controlling animations at scroll points.
You might also call it a “smooth scrolling” library...
The Power of Lampshading
16.12.2020
I enjoyed this blog post from Shawn. Lampshading is apparently the idea of a TV show calling attention to some weakness (like an implausible plot point) so that the show can move on. By calling it out, it avoids criticism by demonstrating the self-awareness. For developers, Shawn notes, it’s...
It’s Always Year Zero
16.12.2020
In the short term, opinions about technology often follow a compressed form of Laver’s Law:
Everything just before me was completely broken.
Everything that comes after me is completely unnecessary.
Everything I use right now is perfectly fine; stop changing things.
We tend to judge things based...
Old is Solid; New Gets Talked About
15.12.2020
When Chris asked me to write about “one thing I learned about building websites this year” I admit my brain immediately went through a list of techniques and CSS properties I started using this year. But then I paused. Other people can write about that much better than I can....