A Couple of New CSS Functions I’d Never Heard Of

Chris Coyier gives a short overview of new CSS functions light-dark(), xywh(), round(), perspective(). - https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of

#css

Tailwind Next.js Starter Blog 2.0: A Starter Template for a Next.js Blog

This has been around a few years and has continued to be frequently updated and now uses the modern Next app directory approach along with server components – there’s a full explanation of the updates here. Is there a live demo? - https://github.com/timlrx/tailwind-nextjs-starter-blog

#react

Rendering Charts With Web Workers in Angular

How to use OffscreenCanvas to plot charts from within a web worker - https://betterprogramming.pub/rendering-charts-with-web-workers-in-angular-f7ac576e21d1

#angular

24 Time Saving Tips for Nuxt 3

This article is a compilation of 24 tips to help you save time and write better Nuxt apps. - https://masteringnuxt.com/blog/24-time-saving-tips-for-nuxt3

#vue

Yarn 4.0 Released

Yarn began life as an npm alternative that resolved several major pain points with npm at the time, particularly around performance. It remains a popular option and v4 introduces a new ‘hardened mode’ to protect you from certain security issues and boasts an improved constraints engine and performance almost on par with pnpm. - https://yarnpkg.com/blog/release/4.0

#yarn #nodejs

How and When to use Micro-Frontends in 2023

Real life definition and usage of micro front end in production with webpack in 2023 - https://medium.com/engineered-publicis-sapient/how-and-when-to-use-micro-frontends-in-2023-part-1-when-dbe3e0aad74c

#microfrontend

Next.js 13 vs Remix: A Case Study

No mere lightweight list of feature bullet points, but an extended dive into the similarities and differences between two worthwhile approaches. - https://prateeksurana.me/blog/nextjs-13-vs-remix-an-in-depth-case-study/

#react

Better dynamic themes in Tailwind with OKLCH color magic

Dan Kozlov and Travis Turner delve into the dynamic theming with Tailwind CSS, explaining how to make Tailwind play nice with CSS variables, OKLCH colors, and dynamic themes. - https://evilmartians.com/chronicles/better-dynamic-themes-in-tailwind-with-oklch-color-magic

#css

A guide to Nuxt server components

Server components allow server-rendering individual components within your client-side apps.
@danielcroe plans to "keep this one up-to-date, as this is an area under active development" - https://roe.dev/blog/nuxt-server-components

#vue

Web APIs for Angular

Web is a rich ecosystem with a bunch of powerful APIs that keeps growing. Let’s explore how you can use them… - https://medium.com/angularwave/web-apis-for-angular-e9ae3206ed1d

#angular

Adding Search to an Eleventy Site Without Client-Side JS

11ty is a fantastic Node-based static site generator. - https://www.philiprenich.com/blog/adding-search-to-an-eleventy-site-without-client-side-javascript/

#nodejs

Top 5 State Management for Svelte

Svelte is a modern framework for building user interfaces with minimal boilerplate and high performance. One… - https://itnext.io/top-5-state-management-for-svelte-5583e5975874

#svelte

Making a nice neon button

Zell Liew demonstrates how to create a stunningly-looking button. - https://zellwk.com/blog/neon-button

#css

Test Your React Libraries Locally with Yalc

Yalc simplifies the process of working with and ‘publishing’ packages entirely locally so you can try things out without publishing to a remote, and potentially public, registry. - https://www.propelauth.com/post/test-your-react-libraries-with-yalc

#react

Unit Testing a Pinia Component

Pinia is the undisputed state management champion in the Vue 3 world. It provides a more powerful and scalable architecture with an elegant code style following the composition API syntax. This article provides a guide to unit testing your pinia stores. - https://fadamakis.com/unit-testing-a-pinia-component-37d045582aed

#vue

Node v21.1 (Current) Released with ESM Detection Feature

The new flag --experimental-detect-module can be used to automatically run ES modules when their syntax can be detected. … We hope to make detection enabled by default in a future version. - https://nodejs.org/en/blog/release/v21.1.0

#nodejs

Angular Signals: Questions and Answers

The Angular team is working on a new feature called signals. Signals are the answer to several different… - https://blog.angulartraining.com/angular-signals-questions-and-answers-19704ad2bfd2

#angular

Exploring React Server Components and Actions with Next.js - https://www.antstack.com/blog/exploring-react-server-components-and-server-actions-with-next-js/

#react

How to Reuse Vue Components Between Projects

A great advantage of this Vue.js’ modularity is the ability to reuse components across different projects, applications, and even teams. In this post, we’ll learn how to leverage modern tools like bit to easily share Vue components between projects, without having to split repos, refactor or configure anything. - https://codeburst.io/how-to-share-reusable-vue-components-between-a-c36bc775418d

#vue

View transitions and stacking context: Why does my CSS View Transition ignore z-index?

Nic Chan outlines a problem with view transitions and shares a workaround. - https://www.nicchan.me/blog/view-transitions-and-stacking-context

#css