CSS Art: Drawing a Coffee Stain

Alvaro Montoro explains how he created a stunning CSS illustration. - https://alvaromontoro.hashnode.dev/css-art-drawing-a-coffee-stain

#css

5 Most Exciting ES2022 Features You Should Know About

I wish I’d known them earlier. - https://javascript.plainenglish.io/5-most-exciting-es2022-features-you-should-know-about-f7a4d8ed78cb

#javascript

Fortifying Vue.js Applications: Common Security Risks and Solutions

We, as developers, usually rely on our tools too much without considering the consequences with respect to the security of our applications. This article discusses the top security vulnerabilities in Vue.js applications and provides recommendations for identifying and mitigating the risks. - https://medium.com/@neciudan/fortifying-vue-js-applications-common-security-risks-and-solutions-2496321acf82

#vue

The Interactive Guide to Rendering in React

This interactive guide explores why, when and how React renders and illustrates it with a series of short and well thought out animations. - https://ui.dev/why-react-renders

#react

Building a Serverless AWS Lambda Function in Node - https://ibilalkayy.hashnode.dev/building-a-serverless-aws-lambda-function-in-nodejs-a-step-by-step-guide

#nodejs

When is :focus-visible Visible?

Ire Aderinokun explores in detail how :focus-visible works. - https://bitsofco.de/when-is-focus-visible-visible/

#css

Add Transition Effects to a Svelte App

Svelte has built-in animation functions and directives. - https://medium.com/swlh/add-transition-effects-to-a-svelte-app-649514a7b699

#svelte

Don’t bind methods in Angular

In this short blog post, I will show you one of the core concepts of Angular that every Angular developer… - https://levelup.gitconnected.com/angular-dont-use-functions-in-templates-f33d67db18da

#angular

So Exactly What Are React Server Components?

There’s always room for another explanation of React Server Components, particularly one which makes few assumptions about prior knowledge and provides easy-to-follow examples. - https://www.viget.com/articles/what-even-are-react-server-components/

#react

Monitoring Nuxt.js app with Datadog

In this blog post, you will learn how to set up Datadog to monitor your Nuxt.js app and what metrics to monitor. By the end of this article, you’ll have a better understanding of how to optimize your Nuxt.js app for performance and make sure it’s running smoothly for your users. - https://dev.to/adrienmornet/monitoring-nuxtjs-app-with-datadog-1f39

#vue

Software architecture diagramming and patterns

A software’s architecture is the foundation for any successful software system and will influence everything… - https://learningdaily.dev/software-architecture-diagramming-and-patterns-7d38999e7a12

#architecture

The State of Node.js Performance in 2023

Nearform’s Rafael Gonzaga reflects on the recent release of Node 20 and puts it through its paces against v18.16 and v16.20 with a few different benchmark suites running on a pretty typical EC2 instance. - https://blog.rafaelgss.dev/state-of-nodejs-performance-2023

#nodejs

What’s New in CSS and UI: I/O 2023 Edition

Una Kravets, Bramus, and Adam Argyle give a rundown of the most exciting and impactful CSS and UI features that landed in the browsers recently or are coming soon. - https://developer.chrome.com/blog/whats-new-css-ui-2023

#css

When to use ngOnChange, SimpleChange, Setters and changeDetectorRef in Angular

Why ngOnChange? - https://medium.com/swlh/when-to-use-ngonchange-simplechange-setters-and-changedetectorref-in-angular-bc4fcbb0bd08

#angular

Getting Started with Astro for Vue Developers

Astro is a new content focused website builder that focuses on shipping less JavaScript. In this article, we will discuss how Vue.js developers can get started with Astro. - https://medium.com/vue-mastery/getting-started-with-astro-for-vue-developers-1714af8ed906

#vue

Making Animated Tooltips with React and Framer Motion

Given there’s a fairly good chance tooltips could be the only ‘documentation’ that will actually get read, why not jazz them up a little? - https://sinja.io/blog/animated-tooltip-with-react-framer-motion

#react

Micro Front End

Before talking about the micro front end, it is necessary to talk about the structure it… - https://medium.com/@miracerdin/micro-front-end-920008484b1

#microfrontend

Dark Mode in 3 Lines of CSS and Other Adventures

Mads Stoumann shows a simple way you can implement dark mode. - https://dev.to/madsstoumann/dark-mode-in-3-lines-of-css-and-other-adventures-1ljj

#css

How to Build Leaner Node Container Images with UBI and Podman

UBI being Red Hat’s Universal Base Images. - https://developers.redhat.com/articles/2023/05/17/build-lean-nodejs-container-images-ubi-and-podman

#nodejs

Dynamic List Transitions in Vue

This article will review the various types of Vue.js list transitions and how to use them in your applications. We'll also go over some best practices for creating smooth and efficient list transitions. By the end of this article, you'll better understand how to use Vue.js to create dynamic list transitions. - https://dev.to/asayerio_techblog/dynamic-list-transitions-in-vue-2dda

#vue