Converting and Optimizing Images From the Command Line
21.12.2020
Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re downloading extra bytes, the site not only takes that much more time to load, but users are using more data, both of which can be resolved, at least...
“I Don’t Know”
21.12.2020
I’ve learned to be more comfortable not knowing. “I don’t know”, comes easier now. “I don’t know anything about that.” It’s okay. It feels good to say.
Whether it’s service workers, Houdini, shadow DOM, web components, HTTP2, CSS grid, “micro-front ends”, AVIF… there are many paths before...
Sharpen Your JavaScript Skills with Pluralsight (Sponsored)
21.12.2020
JavaScript recently turned 25 years old, and while it started by dominating over the client side world, this beautiful programming language is well on its way to taking over the server side. JavaScript isn’t just thriving — it’s evolving with new syntax features, patterns...
UI Interactions & Animations Roundup #13
20.12.2020
A fresh set of trendy UI interactions and animations for your inspiration.
The post UI Interactions & Animations Roundup #13 appeared first on Codrops
Change vs. Inertia
18.12.2020
Recently, I’ve become more deeply aware of the inherent tension between change and inertia, as it applies to the evolution and use of web technologies. These forces have always been present and opposed to each other, but it seems to me that the side effects of these collisions are impacting...
Optimizing Image Depth
18.12.2020
Something I learned (or, I guess, re-learned) this year is how important it is to pay close attention to the bit depth of images. Way back in the day, we used to obsessively choose between 2-, 4-, or 8-bit color depth on our GIFs, because when lots of users were using dialup modems to surf the...
What Makes CSS Hard To Master
18.12.2020
Tim Severien:
I feel we, the community, have to acknowledge that CSS is easy to get started with and hard to master. Let’s reflect on the language and find out what makes it hard.
Tim’s reasons CSS is hard (in my own words):
You can look at a matching Ruleset, and still not have the whole...
Inspirational Websites Roundup #21
18.12.2020
A hand-picked collection of some really good web designs for your inspiration.
The post Inspirational Websites Roundup #21 appeared first on Codrops
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...