Should AVIF Be the Dominant Image Format on the Web?

Tim Severien explores how AVIF compares to competing image formats like JPEG and WebP. - https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format

#css

I Replaced npm, yarn and nvm with pnpm

npm hasn’t been the only package manager in town for many years. - https://pawelgrzybek.com/i-replaced-npm-yarn-and-nvm-with-pnpm/

#nodejs

Handling Errors in Nuxt 3

Throwing and handling errors is important for making any app rock solid in production. This article explores errors you may face in building your Nuxt 3 application, and how you can handle these errors to make your application robust. - https://masteringnuxt.com/blog/handling-errors-in-nuxt3

#vue

Building a Drawer Component

Ready to move up from simply using other people’s components and start building your own? This case study by an experienced component developer (who created both Vaul and Sonner) could help you get into the right frame of mind. - https://emilkowal.ski/ui/building-a-drawer-component

#react

Angular Reactive Forms: Tips and Tricks - https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58

#angular

Resource optimization in Node.js

How to boost your NodeJS applications’ performance through smarter resource sharing and caching - https://medium.com/pipedrive-engineering/resource-optimization-in-node-js-c90c731f9df4

#nodejs

Introducing Atomic Design in Vue.js

Atomic Design is a methodology for creating design systems that breaks down user interfaces into small, reusable components, This blogpost uses a simplify approach to explore how to implement Atomic Design in Vue.js with only HTML. - https://dev.to/berryjam/introducing-atomic-design-in-vuejs-1l2h

#vue

A Few Ways CSS Is Easier To Write In 2023

Geoff Graham explores the ways “modern” CSS in 2023 has actually made CSS “easier” to write. - https://www.smashingmagazine.com/2023/11/few-ways-css-easier-write-2023

#css

Moving Back to React

Preact felt like a logical, lightweight choice to this team at one time, but they’ve switched to React for better compatibility with Next.js, among other things. Their page weight is up slightly, but they feel the tradeoff is worth it. - https://daily.dev/blog/moving-back-to-react

#react

How to unit test an Angular pipe?

This tutorial is for people new to unit testing with Angular. We will start with unit tests for a pipe… - https://blog.angulartraining.com/how-to-unit-test-an-angular-pipe-eb5cacb018cc

#angular

Node.js Configurations Masterclass

Well-known Node developer and TSC member Matteo looks at the phenomenon of so much Node code depending on the value of environment variables and the role that secret management can play in building robust, secure apps. - https://www.youtube.com/watch?v=kVnh_tNYqxk

#nodejs

Creating Accessible UI Animations

Oriana García explains how her team tackled the challenge of balancing animation and accessibility by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system. - https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations/

#css

Unlocking the Puzzle: Investigating Multiple Event Listeners in Vue.js

In this article, we will tackle a question: Does Vue.js support multiple event listeners? Our journey will take us deep into the mechanics of Vue.js, unraveling some intriguing undocumented behaviors along the way. - https://dev.to/charnog/unlocking-the-puzzle-investigating-multiple-event-listeners-in-vuejs-3cl2

#vue

The Complete Puppeteer Cheatsheet

If you want to control a headless Chrome browser from Node, Puppeteer is for you. Now we just need a Playwright one as well - https://proxiesapi.com/articles/the-complete-puppeteer-cheatsheet

#nodejs #e2e

How Bear Does Analytics With CSS

Herman Martinus explains how he uses CSS to trigger a URL analytics endpoint on body:hover to create a unique “read” of a page. - https://herman.bearblog.dev/how-bear-does-analytics-with-css

#css

A Recap of the Electron Ecosystem in 2023

The Electron project takes December off so now's a good time to look at recent developments. Electron 28 is the final release of the year and uses Chromium 120, Node 18.18.2, and V8 12.0, plus ES module support has been enabled. - https://www.electronjs.org/blog/ecosystem-2023-eoy-recap

#nodejs

Moving Back to React

Preact felt like a logical, lightweight choice to this team at one time, but they’ve switched to React for better compatibility with Next.js, among other things. Their page weight is up slightly, but they feel the tradeoff is worth it. - https://daily.dev/blog/moving-back-to-react

#react

Happy New Year!!!

The Anatomy of a Vue 3 Component

Vue 3 has made significant progress and reached a strong level of maturity with Composition API & Script Setup. In this article explore all the ingredients of a Vue 3 component using Composition API and Script Setup. - https://fadamakis.com/the-anatomy-of-a-vue-3-component-285eadadea89

#vue

Creating Accessible UI Animations

Oriana García explains how her team tackled the challenge of balancing animation and accessibility by creating guiding principles for applying animation to user interfaces and incorporating them into the team’s design system. - https://www.smashingmagazine.com/2023/11/creating-accessible-ui-animations

#css

Build an Infinite Scroll Component in Angular - https://netbasal.com/build-an-infinite-scroll-component-in-angular-a9c16907a94d

#angular