Lossy CSS Compression for Fun and Loss (or Profit)

Daniel Janus wrote cssfact, a lossy CSS compressor that takes some CSS and outputs back CSS that contains fewer rules. - https://blog.danieljanus.pl/2024/01/26/lossy-css-compression

#css

Why Are Developers Still Using Angular?

Angular. The framework that has seen more seasons than your favorite TV show. While the tech world is… - https://blog.stackademic.com/why-are-developers-still-using-angular-e7b6e17eade8

#angular

Creating Your Own Vector Search in 5 Minutes with SQLite & Node

sqlite-vss is a SQLite extension that adds basic vector storage and querying capabilities to SQLite, and you can combine it with Node and OpenAI embeddings to create your own natural language vector based search system reasonably quickly. - https://markus.oberlehner.net/blog/your-own-vector-search-in-5-minutes-with-sqlite-openai-embeddings-and-nodejs/

#nodejs

Harnessing the Power of Nuxt3 Auto-Imports in Testing with Vite and Vue Test Utils

In this article, the author explores how to effectively handle Auto-Imports when writing tests using Vite and Vue Test Utils. - https://dev.to/elquimeras/harnessing-the-power-of-nuxt3-auto-imports-in-testing-with-vite-and-vue-test-utils-4jmp

#vue

Shining a Light on Caustics with Shaders and React Three Fiber

A step-by-step guide on building a caustic light effect (like the light rays you might see refracting/reflecting off a surface) in a React Three Fiber project using shaders, render targets, normal maps, and custom materials. Beautiful! - https://blog.maximeheckel.com/posts/caustics-in-webgl/

#react

When To Use The Min() Or Max() Function

Temani Afif explains when you should use min() and max() functions. - https://css-tip.com/min-max

#css

The Angular Library Series - Building and Packaging

Building, packaging, and actually using our Angular library in a separate application. - https://medium.com/angular-in-depth/creating-a-library-in-angular-6-part-2-6e2bc1e14121

#angular

Oxlint: A New JS Linter '50-100x Faster' than ESLint?

Making tools as fast as possible is a common theme in the JavaScript world, and it's the MO for the JavaScript Oxidation Compiler toolkit. Oxlint is one of their tools that’s now GA. It's still early days, but when Evan You says “the performance is absolutely nuts” when running against the Vue 3 codebase, we sit up and listen. - https://oxc-project.github.io/blog/2023-12-12-announcing-oxlint.html

#oxlint

Learn @click event handler for VueJs

We virtually always use the @click event handler in our apps. This is one of the effective technologies that enables us to build dynamic and interactive user interfaces for our VueJs applications. We will go over every important aspect of the @click event handler in this blog post, along with practical examples and suggestions based on different use cases. - https://blog.jobins.jp/learn-click-event-handler-for-vuejs

#vue

Delicious 'Donut' Components

Donuts, in this case, aren’t merely a tasty snack, but a pattern for interleaving client and server components. Presented complete with some fantastic diagrams. - https://frontendatscale.com/blog/donut-components/

#react

The Best Way to Get NVM Working in CI/CD Systems - https://gagor.pl/2023/04/the-best-way-to-get-nvm-working-in-ci/cd-systems/

#nodejs

Big, beautiful, beefy focus states with :focus-visible

Dave Rupert shows how to use :focus-visible pseudo-state to create bigger, bolder, and more obvious focus states for your keyboard users. - https://daverupert.com/2024/01/focus-visible-love/

#css

How to mock NgRx Signal Stores for unit tests and Storybook play interaction tests

In this article, I show you two techniques for mocking Signal Stores, creating mock Signal Stores manually, and using the provideMockSignalStore function (it generates a mock version of a Signal Store) that’s designed to simplify the mocking process - https://www.angularaddicts.com/p/how-to-mock-ngrx-signal-stores

#angular

From Angular 14 to Angular 16

What I have changed in my coding approach - https://medium.com/@redin.gaetan/from-angular-14-to-angular-16-1804736e25d9

#angular

Building a Scalable Microservice Architecture for Nest.js Projects

In recent years, microservice architecture has gained significant popularity due to its ability to develop… - https://medium.com/widle-studio/mastering-microservices-in-nest-js-eb143a6b9639

#nodejs

Authenticating Vue Apps With Okta

Okta is a cloud-based platform for authentication and authorization. This article delves into authentication in Vue apps, exploring how implementing robust authentication solutions like Okta can resolve challenges related to user identity, data protection, and seamless user journeys. - https://dev.to/asayerio_techblog/authenticating-vue-apps-with-okta-7f1

#vue

Five Application Killing React 'Anti-Patterns'

Jack asked his viewers to submit ways that bad practices and anti-patterns had popped up in their apps. He goes over some here and suggests some countermeasures and mitigations. - https://www.youtube.com/watch?v=ZkQPxP4wlE8

#react

Master Angular 17.1 and 17.2

In this article, I list out the most important changes and new features, also share resources that will teach you how these new Angular features work - https://www.angularaddicts.com/p/master-angular-17-1-and-17-2

#angular

Is `* { min-width: 0; }` a good idea?

Kevin Powell outlines why using * { min-width: 0; } might not be a good idea while explaining in detail how flexbox sizing works and why. - https://www.youtube.com/watch?v=FD3aC_Ke8uk

#css

You’ve Got Options for Removing Event Listeners

A review of some of the most common approaches available to remove event listeners in JavaScript.  -https://macarthur.me/posts/options-for-removing-event-listeners

#javascript