Being Picky about a CSS Reset for Fun & Pleasure
Chris Coyier explains line-by-line his CSS Reset strategy. - https://chriscoyier.net/2023/10/03/being-picky-about-a-css-reset-for-fun-pleasure
#css
Chris Coyier explains line-by-line his CSS Reset strategy. - https://chriscoyier.net/2023/10/03/being-picky-about-a-css-reset-for-fun-pleasure
#css
Chris Coyier
Being Picky about a CSS Reset for Fun & Pleasure
Just days before Andy revamped his (more) Modern CSS Reset, Dave and I were line-by-lining it on ShopTalk Show. Mouthblogging is fun and all, but so is Writemouthblogging, known colloquially as …
Benefits of using Nuxt Image Module
The Nuxt-image module is a powerful image optimization tool. It has the ability to resize and transform your images to increase page performance using a built-in optimizer. This post will look at how to add an image download feature to your Nuxt app while exploring this awesome module. - https://jaybharadia.hashnode.dev/benefits-of-using-nuxt-image-module
#vue
The Nuxt-image module is a powerful image optimization tool. It has the ability to resize and transform your images to increase page performance using a built-in optimizer. This post will look at how to add an image download feature to your Nuxt app while exploring this awesome module. - https://jaybharadia.hashnode.dev/benefits-of-using-nuxt-image-module
#vue
Jay Bharadia's Blog
Nuxt Image module Benefits
🧠 What you will learn from this article
How to add File Download Feature in your website ( Traditional Way )
Write less Javascript ( Modern Way )
Image Optimization
Solution to CORS ( Cross Origin Resource Sharing )
Additional Benefits
⬇️ Int...
How to add File Download Feature in your website ( Traditional Way )
Write less Javascript ( Modern Way )
Image Optimization
Solution to CORS ( Cross Origin Resource Sharing )
Additional Benefits
⬇️ Int...
6 Patterns for Microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation. - https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0
#microfrontend
An overview of microfrontend patterns: advantages, drawbacks and implementation. - https://blog.bitsrc.io/6-patterns-for-microfrontends-347ae0017ec0
#microfrontend
Medium
6 Patterns for Microfrontends
An overview of microfrontend patterns: advantages, drawbacks and implementation.
System Design Blueprint: The Ultimate Guide
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts… - https://medium.com/bytebytego-system-design-alliance/system-design-blueprint-the-ultimate-guide-e27b914bf8f1
#system #design
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts… - https://medium.com/bytebytego-system-design-alliance/system-design-blueprint-the-ultimate-guide-e27b914bf8f1
#system #design
Medium
System Design Blueprint: The Ultimate Guide
Developing a robust, scalable, and efficient system can be daunting. However, understanding the key concepts and components can make the…
Master React Global State and More with Singleton Pattern
Enjoy the art of global state in React and More using the power of the Singleton pattern - https://itnext.io/master-react-global-state-and-more-with-singleton-pattern-ff02edf14a40
#react
Enjoy the art of global state in React and More using the power of the Singleton pattern - https://itnext.io/master-react-global-state-and-more-with-singleton-pattern-ff02edf14a40
#react
Medium
🌍 Master React Global State and More with Singleton Pattern
Enjoy the art of global state in React and More using the power of the Singleton pattern
An Introduction to Testing and Code Quality in Node - https://www.honeybadger.io/blog/node-testing/
#nodejs
#nodejs
Honeybadger Developer Blog
Testing and code quality in Node.js
Dive deep into the world of testing in Node.js. In this article you will learn the importance of testing, the various types of tests, and compare the two most popular frameworks in order to build reliable and robust applications.
How to pick the right dependencies for your Angular application?
Choosing the right libraries/dependencies for your Angular applications can make or break your project in the…
- https://blog.angulartraining.com/how-to-pick-the-right-dependencies-for-your-angular-application-328ce637b982
#angular
Choosing the right libraries/dependencies for your Angular applications can make or break your project in the…
- https://blog.angulartraining.com/how-to-pick-the-right-dependencies-for-your-angular-application-328ce637b982
#angular
Medium
How to pick the right dependencies for your Angular application?
Choosing the right libraries/dependencies for your Angular applications can make or break your project in the long run. I’ve seen way too…
Using CSS content-visibility To Boost Your Rendering Performance
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance
#css
LogRocket Blog
Using CSS content-visibility to boost your rendering performance - LogRocket Blog
CSS content-visibility helps boost rendering performance by controlling whether or not an element renders its contents.
Debugging Magic with Vue Devtools
Debugging in Vue.js can be a bit tricky sometimes especially as your applications grow more complex. Not to worry, in this article Vue Devtools is introduced as a perfect bug busting tool to help you figure out your bugs and understand your components and applications much better. - https://vueschool.io/articles/vuejs-tutorials/debugging-magic-with-vue-devtools/
#vue
Debugging in Vue.js can be a bit tricky sometimes especially as your applications grow more complex. Not to worry, in this article Vue Devtools is introduced as a perfect bug busting tool to help you figure out your bugs and understand your components and applications much better. - https://vueschool.io/articles/vuejs-tutorials/debugging-magic-with-vue-devtools/
#vue
vueschool.io
Debugging Magic with Vue Devtools - Vue School Articles
Debugging is a crucial part of the development process, but we know that identifying and fixing issues in complex applications can be a bit tricky. In this article, we're excited to share with you the power of Vue Devtools, a treasure trove of debugging capabilities…
React Higher-Order Components with TypeScript
Let’s cover the right approach of implementing React higher-order components in TypeScript using generics and… - https://itnext.io/react-higher-order-components-with-typescript-e41c64954825
#react
Let’s cover the right approach of implementing React higher-order components in TypeScript using generics and… - https://itnext.io/react-higher-order-components-with-typescript-e41c64954825
#react
Medium
React Higher-Order Components with TypeScript
Let’s cover the right approach of implementing React higher-order components in TypeScript using generics and utility types.
Awesome Node Security: A Curated List of Node Security Resources
Includes links to libraries like Helmet, educational resources, tools, and even stories of incidents like the left-pad incident - https://github.com/lirantal/awesome-nodejs-security
#nodejs
Includes links to libraries like Helmet, educational resources, tools, and even stories of incidents like the left-pad incident - https://github.com/lirantal/awesome-nodejs-security
#nodejs
GitHub
GitHub - lirantal/awesome-nodejs-security: Awesome Node.js Security resources
Awesome Node.js Security resources. Contribute to lirantal/awesome-nodejs-security development by creating an account on GitHub.
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
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
Medium
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 in Angular apps with these…
Why You Should Use px Units for margin, padding, & Other Spacing Techniques
Ashlee M Boyer gives some advice on when to use absolute or relative CSS units. - https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques
#css
Ashlee M Boyer gives some advice on when to use absolute or relative CSS units. - https://ashleemboyer.com/blog/why-you-should-use-px-units-for-margin-padding-and-other-spacing-techniques
#css
Create your own custom Vue Hooks: useElementVisibile
This article will walk you through the process of developing a custom Vue composable hook that can be used across any app or component by creating a hook called useElementVisible, which provides a reactive property that tracks whether or not the element is in the viewport. - https://medium.com/@ankurr.singhal/create-your-own-custom-vue-hooks-useelementvisibile-d04095a13c8b
#vue
This article will walk you through the process of developing a custom Vue composable hook that can be used across any app or component by creating a hook called useElementVisible, which provides a reactive property that tracks whether or not the element is in the viewport. - https://medium.com/@ankurr.singhal/create-your-own-custom-vue-hooks-useelementvisibile-d04095a13c8b
#vue
Medium
Create your own custom Vue Hooks: useElementVisibile
In this article, I will show you the process to create a custom Vue composable hook that can be used across any app or component.
Identifying micro-frontends in our applications
I’ve always spent a lot of time reading, attending conferences, researching different topics and those… - https://medium.com/dazn-tech/identifying-micro-frontends-in-our-applications-4b4995f39257
#microfrontend
I’ve always spent a lot of time reading, attending conferences, researching different topics and those… - https://medium.com/dazn-tech/identifying-micro-frontends-in-our-applications-4b4995f39257
#microfrontend
Medium
Identifying micro-frontends in our applications
I’ve always spent a lot of time reading, attending conferences, researching different topics and those learnings really helped me shape my…
Building AI Apps with LangChain and Node.js
Discover the basics of building a Retrieval-Augmented Generation (RAG)-powered application using the LangChain framework - https://developer.salesforce.com/blogs/2023/11/building-ai-applications-with-langchain-and-node-js
#nodejs
Discover the basics of building a Retrieval-Augmented Generation (RAG)-powered application using the LangChain framework - https://developer.salesforce.com/blogs/2023/11/building-ai-applications-with-langchain-and-node-js
#nodejs
Salesforce
Building AI Applications with LangChain and Node.js
Discover the basics of building a Retrieval-Augmented Generation (RAG) application using the LangChain framework and Node.js.
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
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
prateeksurana.me
Next.js 13 vs Remix: An In-depth case study
A detailed comparison of the features Next.js 13 and Remix Run by building a Twitter Clone app in both frameworks.
New Angular 17 feature: new control flow syntax
Angular's new declarative control flow demonstrated by Signal-based examples - https://www.angularaddicts.com/p/angular-17-new-control-flow-with-signals
#angular
Angular's new declarative control flow demonstrated by Signal-based examples - https://www.angularaddicts.com/p/angular-17-new-control-flow-with-signals
#angular
Angularaddicts
New Angular 17 feature: new control flow syntax
Angular's new declarative control flow demonstrated by Signal-based examples
13 Security Tips for Frontend Developers - https://levelup.gitconnected.com/13-security-tips-for-frontend-developers-6003aed40d23
#tips
#tips
Medium
13 Security Tips for Frontend Developers
Quick, easy-to-implement tips.
Addressing Accessibility Concerns With Using Fluid Type
Maxwell Barvian outlines accessibility concerns with using the CSS clamp() function for “fluid” font sizing. - https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type
#css
Maxwell Barvian outlines accessibility concerns with using the CSS clamp() function for “fluid” font sizing. - https://www.smashingmagazine.com/2023/11/addressing-accessibility-concerns-fluid-type
#css
Smashing Magazine
Addressing Accessibility Concerns With Using Fluid Type — Smashing Magazine
The CSS `clamp()` function is often paired with viewport units for “fluid” font sizing that scales the text up and down at different viewport sizes. As common as this technique is, several voices warn that it opens up situations where text can fail WCAG Success…