Mastering Microfrontends with Webpack Module Federation
Just like a typical monolithic application over time, a single-page application can quickly become difficult… - https://medium.com/ama-tech-blog/mastering-microfrontends-with-webpack-module-federation-eec613ea797a
#microfrontends
Just like a typical monolithic application over time, a single-page application can quickly become difficult… - https://medium.com/ama-tech-blog/mastering-microfrontends-with-webpack-module-federation-eec613ea797a
#microfrontends
Medium
Mastering Microfrontends with Webpack Module Federation
Just like a typical monolithic application over time, a single-page application can quickly become difficult to scale, maintain, …
👍4
How to Use SSL/TLS Pinning in Node
SSL/TLS pinning adds an extra layer of security to connections between your apps and remote servers by storing certificates and keys for connections, thus reducing the potential for MITM attacks. - https://snyk.io/blog/ssl-tls-pinning-node-js/
#nodejs
SSL/TLS pinning adds an extra layer of security to connections between your apps and remote servers by storing certificates and keys for connections, thus reducing the potential for MITM attacks. - https://snyk.io/blog/ssl-tls-pinning-node-js/
#nodejs
Snyk
How to implement SSL/TLS pinning in Node.js | Snyk
This article explains certificate pinning, highlighting its benefits and use cases in Node.js applications.
👍3
Mastering Internationalization: A Guide to Localization in Vue Apps with Vue I18n
Localization is the process of adapting your Application to the culture and language of users in a target market. Localization plays a huge role in making your website or service more appealing to the end users.This article guides you through concepts of localisation in the Vue.js application using Vue I18n one of the popular localisation libraries and how to implement useful features like lazy loading locales and getting the browser language preference of the user and persisting the user locale preference through building a demo Vue app. - https://venkata-sandeep-takasi.hashnode.dev/mastering-internationalization-a-guide-to-localization-in-vue-apps-with-vue-i18n
#vue
Localization is the process of adapting your Application to the culture and language of users in a target market. Localization plays a huge role in making your website or service more appealing to the end users.This article guides you through concepts of localisation in the Vue.js application using Vue I18n one of the popular localisation libraries and how to implement useful features like lazy loading locales and getting the browser language preference of the user and persisting the user locale preference through building a demo Vue app. - https://venkata-sandeep-takasi.hashnode.dev/mastering-internationalization-a-guide-to-localization-in-vue-apps-with-vue-i18n
#vue
❤3👍3
Bézier Curves
Richard Ekwonye explains the logic behind Bézier Curves used in CSS animations and visual elements. - https://blog.richardekwonye.com/bezier-curves
#css
Richard Ekwonye explains the logic behind Bézier Curves used in CSS animations and visual elements. - https://blog.richardekwonye.com/bezier-curves
#css
Richardekwonye
Bézier Curves - and the logic behind them | Richard Ekwonye
The logic behind Bézier Curves used in CSS animations and visual elements.
🔥3👍1
Upgrading to Angular 15: Our Experience and Lessons Learned
8 steps to a smooth transition to Angular and Angular Material 15 - https://levelup.gitconnected.com/angular-upgrade-26d331837012
#angular
8 steps to a smooth transition to Angular and Angular Material 15 - https://levelup.gitconnected.com/angular-upgrade-26d331837012
#angular
Medium
Upgrading to Angular 15: Our Experience and Lessons Learned
8 steps to a smooth transition to Angular and Angular Material 15
👍6
Why Does Email Development Have to Suck?
Hristiyan Dodov outlines some challenges with email development. - https://dodov.dev/blog/why-does-email-development-have-to-suck
#email #css
Hristiyan Dodov outlines some challenges with email development. - https://dodov.dev/blog/why-does-email-development-have-to-suck
#email #css
Hristiyan Dodov
Why Does Email Development Have to Suck? Explaining all the <tr>'s and <td>'s…
Email clients have quirks that force you to use <table> elements, inline styles, and follow other bad practices that make development complicated.
👍4
Tracking Errors in a Node App
A look at how to track errors in a Node app in a “convenient, automated, and safe way”. - https://blog.appsignal.com/2023/08/30/tracking-errors-in-a-nodejs-application.html
#nodejs
A look at how to track errors in a Node app in a “convenient, automated, and safe way”. - https://blog.appsignal.com/2023/08/30/tracking-errors-in-a-nodejs-application.html
#nodejs
Appsignal
Tracking Errors in a Node.js Application | AppSignal Blog
Let's track errors in our Node.js application in a convenient, automated, and safe way.
👍5
Achieving Clean and Maintainable React Component Tests - https://medium.com/globant/achieving-clean-and-maintainable-react-component-tests-b3d5e0483307
#react
#react
Medium
Achieving Clean and Maintainable React Component Tests
A Practical Approach with Jest and TypeScript
👍4
Create Chrome Extension Using Vue The Easiest Way
In this article, Jenuel explains how easy it is to create a Chrome extension using Vue. - https://brojenuel.com/blog/Create-Chrome-Extension-Using-Vue-The-Easiest-Way
#vue
In this article, Jenuel explains how easy it is to create a Chrome extension using Vue. - https://brojenuel.com/blog/Create-Chrome-Extension-Using-Vue-The-Easiest-Way
#vue
JenuelDev
Create Chrome Extension Using Vue The Easiest Way
In this article, Let us look at how easy it is to create a Chrome extension using VueJS. Google Chrome extensions are programs you can install in your Chrome browser to help you automate certain functions in your browser, modify existing behaviors, and improve…
👍8❤2🗿1
Scroll-Based 3D Cards
Kushagra Gour shows how you can simulate cards with 3D depth based on scrolling using the newly arrived scroll-based animations. - https://kushagra.dev/blog/scroll-based-3d-cards
#css
Kushagra Gour shows how you can simulate cards with 3D depth based on scrolling using the newly arrived scroll-based animations. - https://kushagra.dev/blog/scroll-based-3d-cards
#css
kushagra.dev
Scroll-based 3D card carousel - Kushagra Gour- Creativity freak!
Code and Create
👍4
Angular code-splitting or how to share components between lazy modules
This article will give you a better understanding of how Angular split your code into chunks. - https://medium.com/angular-in-depth/angular-code-splitting-or-how-to-share-components-between-lazy-modules-432c755e389c
#angular
This article will give you a better understanding of how Angular split your code into chunks. - https://medium.com/angular-in-depth/angular-code-splitting-or-how-to-share-components-between-lazy-modules-432c755e389c
#angular
Medium
Code-splitting in Angular or how to share components between lazy modules
This article will give you a better understanding of how Angular split your code into chunks.
👍8
Useful DevTools Tips and Tricks
Having worked on both Firefox and Edge's devtools, Patrick knows his stuff (and shares over 100 tips on his DevTools Tips site). Here, he shares his top 15. - https://www.smashingmagazine.com/2023/06/popular-devtools-tips/
#devtools
Having worked on both Firefox and Edge's devtools, Patrick knows his stuff (and shares over 100 tips on his DevTools Tips site). Here, he shares his top 15. - https://www.smashingmagazine.com/2023/06/popular-devtools-tips/
#devtools
Smashing Magazine
Useful DevTools Tips and Tricks — Smashing Magazine
Let’s discover the most popular DevTools tips that can boost your productivity and revolutionize your debugging workflow.
👍5❤1
Coding the Stars: An Interactive Constellation with React Three Fiber
The Supabase team built a Web-based visualization in the form of an animated sky filled with stars, where each star represented a user signup. If you’ve never experimented with React Three Fiber or creating visual effects before, this is a good introduction walking through the key parts of their approach. - https://supabase.com/blog/interactive-constellation-threejs-react-three-fiber
#react
The Supabase team built a Web-based visualization in the form of an animated sky filled with stars, where each star represented a user signup. If you’ve never experimented with React Three Fiber or creating visual effects before, this is a good introduction walking through the key parts of their approach. - https://supabase.com/blog/interactive-constellation-threejs-react-three-fiber
#react
Supabase
Coding the stars - an interactive constellation with Three.js and React Three Fiber
How we built a constellation of stars with Three.js and React Three Fiber.
👍5
Getting Daily Notifications My Parent is Okay
Being in the UK – a nation that truly loves its tea – the approach involves monitoring whether a water kettle is used each day. Node makes an appearance for turning the activity into Telegram messages. - https://remysharp.com/2023/09/11/getting-daily-notifications-my-parent-is-okay
#nodejs
Being in the UK – a nation that truly loves its tea – the approach involves monitoring whether a water kettle is used each day. Node makes an appearance for turning the activity into Telegram messages. - https://remysharp.com/2023/09/11/getting-daily-notifications-my-parent-is-okay
#nodejs
Remysharp
Getting daily notifications my parent is okay
About a year ago I came across the Kettle Companion which is a lovely idea: you share a device with a loved one, and when they boil their kettle, you get a lit…
👍4
CSS Selectors: A Visual Guide
Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors
#css
Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors
#css
fffuel.co
CSS Selectors: A Visual Guide & Reference
Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.
🔥7👍3❤2
Introduction to Error Monitoring for Vue Developers
Unfortunately, none of us has ever written a 100% perfect application at scale. With every new line of code comes new opportunities for bugs to creep in and cause unexpected behavior and poor customer experiences. This article introduces Sentry as a perfect solution to Error monitoring in our Vue.js applications - https://vueschool.io/articles/news/introduction-to-error-monitoring-for-vue-developers/
#vue
Unfortunately, none of us has ever written a 100% perfect application at scale. With every new line of code comes new opportunities for bugs to creep in and cause unexpected behavior and poor customer experiences. This article introduces Sentry as a perfect solution to Error monitoring in our Vue.js applications - https://vueschool.io/articles/news/introduction-to-error-monitoring-for-vue-developers/
#vue
vueschool.io
Introduction to Error Monitoring for Vue Developers - Vue School Articles
Get visibility into the issues real site visitors are having with Sentry and let Vue School help you get up and running with Sentry for your Vue.js apps.
👍5👏3
10 Must-Have Angular Libraries for Building Powerful Web Applications
Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications… - https://weicheng95.medium.com/10-must-have-angular-libraries-for-building-powerful-web-applications-bce3f192d45
#angular
Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications… - https://weicheng95.medium.com/10-must-have-angular-libraries-for-building-powerful-web-applications-bce3f192d45
#angular
Medium
10 Must-Have Angular Libraries for Building Powerful Web Applications
Discover the top 10 Angular libraries that can help you build high-quality and feature-rich web applications faster and with less code.
👍4🔥2
The Difference Between Type Aliases and Interfaces in TypeScript
Use TypeScript like a pro - https://blog.bitsrc.io/the-difference-between-type-aliases-and-interfaces-in-typescript-af5f34fe4309
#typescript
Use TypeScript like a pro - https://blog.bitsrc.io/the-difference-between-type-aliases-and-interfaces-in-typescript-af5f34fe4309
#typescript
Medium
The Difference Between Type Aliases and Interfaces in TypeScript
Use TypeScript like a pro
👍5
JPEG and EXIF Data Manipulation in JavaScript
A look at how to pick through the JPEG format and read and replace EXIF tags directly without leaning on a third party library. - https://getaround.tech/exif-data-manipulation-javascript/
#nodejs
A look at how to pick through the JPEG format and read and replace EXIF tags directly without leaning on a third party library. - https://getaround.tech/exif-data-manipulation-javascript/
#nodejs
Getaround Tech
JPEG and EXIF Data Manipulation in Javascript | Getaround Tech
Understand the JPEG file format to know how to read and update EXIF Data in Javascript
👍7