Understanding Web Accessibility in Vue.js

This article tackles the basics of web accessibility in Vue.js applications.
Looking at some concepts and strategies to consider when designing accessible applications. - https://vueschool.io/articles/vuejs-tutorials/understanding-web-accessibility-in-vue-js

#vue

Angular Signals: Best practices around exposing Signals

Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1

#angular

CSS prefers-reduced-transparency

Adam Argyle explains how to optimize and adjust the experience for users who prefer an opaque UI. - https://developer.chrome.com/blog/css-prefers-reduced-transparency

#css

Build Your Own Chatbot with React and the OpenAI API

The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/

#react

Best Practices for Node.js Application Architecture

Node.js is a highly popular framework for building server-side applications in JavaScript. It’s often used… - https://hardiks.medium.com/best-practices-for-node-js-application-architecture-8ccb1f94452a

#nodejs

The Vue 3 Transition Component 101

This article explains how the Vue 3 Transition component works and demonstrates its usage with code examples. - https://vueschool.io/articles/uncategorized/the-vue-3-transition-component-101

#vue

Mastering SOLID Principles in JavaScript: Building Robust and Maintainable Code

Are you sick of dealing with JavaScript code that is unkempt and difficult to maintain? Look nowhere else… - https://javascript.plainenglish.io/mastering-solid-principles-in-javascript-building-robust-and-maintainable-code-6acbf078c4d2

#solid #javascript

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