Build Your Own Site Speed Testing Tool with Puppeteer - https://calendar.perfplanet.com/2024/build-your-own-site-speed-testing-tool-with-puppeteer/
#nodejs
#nodejs
Web Performance Calendar
Build Your Own Site Speed Testing Tool with Puppeteer
Site performance plays a crucial role in delivering a seamless user experience. Slow load times, unexpected layout shifts, and unresponsive interactions can negatively impact both SEO and user satisfaction. However, identifying these issues under real-world…
Accessibility Essentials Every React Developer Should Know
If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility. - https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#react
If you’re an experienced frontend developer, these might be second nature to you by now, but this is a good roundup of the entry level ‘table stakes’ for frontend accessibility. - https://martijnhols.nl/blog/accessibility-essentials-every-front-end-developer-should-know
#react
Martijn Hols
Accessibility essentials every front-end developer should know by Martijn Hols
Essential accessibility practices for front-end developers, including semantic HTML, alt texts, ARIA, and keyboard navigation tips to build inclusive components.
Transitioning Top-Layer Entries And The Display Property In CSS
Brecht De Ruyte showcases two recent additions for working with CSS animations: @starting-style and transition-behavior. - https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css
#css
Brecht De Ruyte showcases two recent additions for working with CSS animations: @starting-style and transition-behavior. - https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css
#css
Smashing Magazine
Transitioning Top-Layer Entries And The Display Property In CSS — Smashing Magazine
It’s not always the big features that make our everyday lives easier; sometimes, it’s those ease-of-life features that truly enhance our projects. In this article, Brecht De Ruyte highlights two such features: `@starting-style` and `transition-behavior` —…
Vue send push notification with Firebase
In this video learn how send push notifications to your browser with Firebase cloud messaging in a Vue.js Application. - https://www.youtube.com/watch?v=nTJP2q2NIwM
#vue
In this video learn how send push notifications to your browser with Firebase cloud messaging in a Vue.js Application. - https://www.youtube.com/watch?v=nTJP2q2NIwM
#vue
YouTube
Vue send push notification with Firebase
see how to send push notification to browser with Firebase cloud messaging or FCM in Vue js
Vue app source : https://github.com/benixal/vue-firebase-push-notification
admin.js : https://gist.github.com/benixal/259b420596127cb1e553bc56bc52808b
00:00:09 create…
Vue app source : https://github.com/benixal/vue-firebase-push-notification
admin.js : https://gist.github.com/benixal/259b420596127cb1e553bc56bc52808b
00:00:09 create…
You should migrate to Angular signals NOW
Starting from Angular 16, Angular Team introduced… - https://medium.com/@hmidihamdi7/you-should-migrate-to-angular-signals-now-c6a74a924017
#angular
Starting from Angular 16, Angular Team introduced… - https://medium.com/@hmidihamdi7/you-should-migrate-to-angular-signals-now-c6a74a924017
#angular
Medium
You should migrate to Angular signals NOW
Starting from Angular 16, Angular Team introduced Signals APIs in order to start their project of re-designing their reactivity system. So let’s deep dive into Signals API and understand why we…
Advanced Angular Techniques
In the rapidly evolving landscape of web development… - https://ashishsharma229.medium.com/advanced-angular-techniques-f003bc232a9c
#angular
In the rapidly evolving landscape of web development… - https://ashishsharma229.medium.com/advanced-angular-techniques-f003bc232a9c
#angular
Medium
Advanced Angular Techniques
In the rapidly evolving landscape of web development, Angular continues to stand out as a robust framework for building dynamic and complex…
LangChain: Using OpenAI in JavaScript with React and Next.js - https://www.robinwieruch.de/langchain-javascript-openai/
#react
#react
www.robinwieruch.de
LangChain: OpenAI in JavaScript with React.js & Next.js
How to: OpenAI in JavaScript with LangChain. A step by step example on how to use the OpenAI API in JavaScript with LangChain ...
From Scratch to Server: Creating and Hosting a Node App with SVR.JS
SVR.JS is a full featured configurable HTTP(/2) server with built-in security and compression features. - https://svrjs.org/blog/from-scratch-to-server-creating-and-hosting-a-node-js-app-with-svr-js
#nodejs
SVR.JS is a full featured configurable HTTP(/2) server with built-in security and compression features. - https://svrjs.org/blog/from-scratch-to-server-creating-and-hosting-a-node-js-app-with-svr-js
#nodejs
svrjs.org
From Scratch to Server: Creating and Hosting a Node.JS App with SVR.JS - SVR.JS
In this blog post you will build a JavaScript-based web application, and integrate and deploy it with SVR.JS web server.
Exploring Cookie Management in Vue.js
In this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the Vuejs application. - https://parvez1487.medium.com/exploring-cookie-management-in-vue-js-d0a84fc29d0e
#vue
In this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the Vuejs application. - https://parvez1487.medium.com/exploring-cookie-management-in-vue-js-d0a84fc29d0e
#vue
Medium
Exploring Cookie Management in Vue.js
in this tutorial, We’ll explore cookie management in the Vue application. We will write cookies, read cookies, and delete cookies in the…
Here’s Why Your Anchor Positioning Isn’t Working
James Stuckey Weber shares a simple checklist to help debug anchor elements. - https://www.oddbird.net/2025/01/29/anchor-position-validity
#css
James Stuckey Weber shares a simple checklist to help debug anchor elements. - https://www.oddbird.net/2025/01/29/anchor-position-validity
#css
OddBird
Here's Why Your Anchor Positioning Isn't Working
How to find an anchor element
Micro Frontend Architecture
As web applications grow in complexity, teams seek… - https://levelup.gitconnected.com/micro-frontend-architecture-b14b3a2c39a0
#microfrontends
As web applications grow in complexity, teams seek… - https://levelup.gitconnected.com/micro-frontend-architecture-b14b3a2c39a0
#microfrontends
Medium
Micro Frontend Architecture
As web applications grow in complexity, teams seek scalable, modular approaches to frontend development. One such approach, Micro Frontend…
Best Practices for Mastering Forms in Next.js 15 and React 19 - https://engineering.udacity.com/mastering-forms-in-next-js-15-and-react-19-e3d2d783946b
#react
#react
Medium
Mastering forms in Next.js 15 and React 19
Creating forms in modern React has evolved significantly with the latest releases. In this post we’ll explore best practices for building…
A New Chapter for Express.js
2024 saw the still-extremely-popular Express project awaken from a slumber, of sorts, with work being made to update things to modern standards, a security audit, and the release of Express v5. Here, the team explains what’s been going on behind the scenes to get Express back on the tracks, as well as a “bold vision for 2025.” - https://expressjs.com/2025/01/09/rewind-2024-triumphs-and-2025-vision.html
#nodejs
2024 saw the still-extremely-popular Express project awaken from a slumber, of sorts, with work being made to update things to modern standards, a security audit, and the release of Express v5. Here, the team explains what’s been going on behind the scenes to get Express back on the tracks, as well as a “bold vision for 2025.” - https://expressjs.com/2025/01/09/rewind-2024-triumphs-and-2025-vision.html
#nodejs
Expressjs
A New Chapter for Express.js: Triumphs of 2024 and an ambitious 2025
Explore the transformative journey of Express.js in 2024, marked by governance improvements, the long-awaited release of Express 5.0, and heightened security measures. Look into the ambitious plans for 2025, including performance optimizations, scoped packages…
Top 10 Angular Architecture Mistakes You Really Want To Avoid
Angular keeps changing for better but the big picture… - https://tomastrajan.medium.com/top-10-angular-architecture-mistakes-you-really-want-to-avoid-bbb98d71ca1c
#angular
Angular keeps changing for better but the big picture… - https://tomastrajan.medium.com/top-10-angular-architecture-mistakes-you-really-want-to-avoid-bbb98d71ca1c
#angular
Medium
Top 10 Angular Architecture Mistakes You Really Want To Avoid
Angular keeps changing for better but the big picture remains the same which makes architecture know-how timeless & worth your time!
Full-Bleed Layout with Modern CSS
Temani Afif digs deep into the idea of full-bleed layouts. - https://frontendmasters.com/blog/full-bleed-layout-with-modern-css
#css
Temani Afif digs deep into the idea of full-bleed layouts. - https://frontendmasters.com/blog/full-bleed-layout-with-modern-css
#css
Frontendmasters
Full-Bleed Layout with Modern CSS
Just four declarations in CSS can handle this nicely, while avoiding the vertical scrollbar issue.
From Atoms to Pages: Applying Atomic Design in Vue and Nuxt Projects
An in-depth blog post on how to use atomic design to structure your Vue & Nuxt projects better. - https://alexop.dev/posts/atomic-design-vue-or-nuxt/
#vue
An in-depth blog post on how to use atomic design to structure your Vue & Nuxt projects better. - https://alexop.dev/posts/atomic-design-vue-or-nuxt/
#vue
alexop.dev
Atomic Architecture: Revolutionizing Vue and Nuxt Project Structure | alexop.dev
Learn how to implement Atomic Design principles in Vue or Nuxt projects. Improve your code structure and maintainability with this guide
How to Migrate Your Existing Application to Micro Frontend Architecture
Transform Your Monolith: A Step-by-Step Guide to… - https://blog.bitsrc.io/how-to-migrate-your-existing-application-to-micro-frontend-architecture-4fff95fac979
#microfrontends
Transform Your Monolith: A Step-by-Step Guide to… - https://blog.bitsrc.io/how-to-migrate-your-existing-application-to-micro-frontend-architecture-4fff95fac979
#microfrontends
Medium
How to Migrate Your Existing Application to Micro Frontend Architecture
Transform Your Monolith: A Step-by-Step Guide to Adopting Micro-Frontend Architecture
Angular Reactive Forms Guide
This article is a comprehensive guide to the vast… - https://mirzaleka.medium.com/angular-reactive-forms-guide-0c6333086557
#angular
This article is a comprehensive guide to the vast… - https://mirzaleka.medium.com/angular-reactive-forms-guide-0c6333086557
#angular
Medium
Angular Reactive Forms Guide
This article is a comprehensive guide to the vast possibilities of Reactive Forms in Angular. In this first part, we’ll learn why the…
Node’s New Built-in Support for TypeScript Explained
Node.js v23.6.0 makes Node’s new type-stripping features work by default. Dr. Axel digs into how it works and what the limitations are. A handy primer. - https://2ality.com/2025/01/nodejs-strip-type.html
#nodejs
Node.js v23.6.0 makes Node’s new type-stripping features work by default. Dr. Axel digs into how it works and what the limitations are. A handy primer. - https://2ality.com/2025/01/nodejs-strip-type.html
#nodejs
2Ality
Node’s new built-in support for TypeScript
Starting with v23.6.0, Node.js supports TypeScript without any flags. This blog post explains how it works and what to look out for.