An Interactive Guide to CSS Container Queries
Ahmad Shadeed shares an interactive guide to container queries, explaining the problems they solve, how they work, and how you can use them today in your workflows. - https://ishadeed.com/article/css-container-query-guide
#css
Ahmad Shadeed shares an interactive guide to container queries, explaining the problems they solve, how they work, and how you can use them today in your workflows. - https://ishadeed.com/article/css-container-query-guide
#css
Ishadeed
An Interactive Guide to CSS Container Queries
Learn how to use CSS container queries today.
8 Advanced JavaScript Interview Questions for Senior Roles
JavaScript is a powerful language that is one of the primary building blocks of the web. This powerful… - https://levelup.gitconnected.com/8-advanced-javascript-interview-questions-for-senior-roles-c59e1b0f83e1
#javascript #interview
JavaScript is a powerful language that is one of the primary building blocks of the web. This powerful… - https://levelup.gitconnected.com/8-advanced-javascript-interview-questions-for-senior-roles-c59e1b0f83e1
#javascript #interview
Medium
8 Advanced JavaScript Interview Questions for Senior Roles
JavaScript is a powerful language that is one of the primary building blocks of the web. This powerful language also has some of its…
Advanced Transaction Management with NestJS & TypeORM
If you want to follow along easier in the advanced transaction management part, clone the… - https://medium.com/@dev.muhammet.ozen/advanced-transaction-management-with-nestjs-typeorm-43a839363491
#nodejs
If you want to follow along easier in the advanced transaction management part, clone the… - https://medium.com/@dev.muhammet.ozen/advanced-transaction-management-with-nestjs-typeorm-43a839363491
#nodejs
Medium
Advanced Transaction Management with NestJS & TypeORM
IMPORTANT NOTE:
If you want to follow along easier in the advanced transaction management part, clone the following repository…
If you want to follow along easier in the advanced transaction management part, clone the following repository…
Flaky Tests in React: Detection, Prevention and Tools - https://semaphoreci.com/blog/flaky-react
#react
#react
Semaphore
Flaky Tests In React: Detection, Prevention and Tools - Semaphore
This guide explores the causes, detection, and fixes for flaky tests in React, ensuring code quality and a smooth user experience.
Optimizing Angular Form Validation with Lazy Load
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary… - https://netbasal.com/optimizing-angular-form-validation-with-lazy-load-61265536a6f2
#angular
Medium
Optimizing Angular Form Validation with Lazy Load
Lazy loading is a technique used to improve the performance of web applications by only loading the necessary code and resources when…
Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript
Henry Bley-Vroman will walk you through a new possibility to implement Dark Mode that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user’s color scheme preference across pages. - https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript
#css
Henry Bley-Vroman will walk you through a new possibility to implement Dark Mode that leans into cutting-edge CSS, with minimal JavaScript to support persisting the user’s color scheme preference across pages. - https://www.smashingmagazine.com/2024/03/setting-persisting-color-scheme-preferences-css-javascript
#css
Smashing Magazine
Setting And Persisting Color Scheme Preferences With CSS And A “Touch” Of JavaScript — Smashing Magazine
There are many ways to approach a “Dark Mode” feature that respects a user’s system color scheme preferences and allows for per-site customization. Henry Bley-Vroman walks through a new possibility that leans into cutting-edge CSS, with minimal JavaScript…
Why You Should Say Goodbye to Mixins and Embrace Composables
Vuejs 3 introduced composables as the new way to define logic that is shared and re-used among components. In this article, the author outlines the missing pieces offered composables as an excellent replacement for mixins. - https://levelup.gitconnected.com/why-you-should-say-goodbye-to-mixins-and-embrace-composables-9749d8fac9fc
#vue
Vuejs 3 introduced composables as the new way to define logic that is shared and re-used among components. In this article, the author outlines the missing pieces offered composables as an excellent replacement for mixins. - https://levelup.gitconnected.com/why-you-should-say-goodbye-to-mixins-and-embrace-composables-9749d8fac9fc
#vue
Medium
Why You Should Say Goodbye to Mixins and Embrace Composables
From Mixins to Composables: Unleashing Clarity in Your Codebase
Optimizing JavaScript for Fun and for Profit
A tour of several things to avoid to keep your code running fast and smooth, complete with examples. While the performance ground upon which we walk is often shifting, many of these things are good, common sense practices. - https://romgrk.com/posts/optimizing-javascript
#javascript
A tour of several things to avoid to keep your code running fast and smooth, complete with examples. While the performance ground upon which we walk is often shifting, many of these things are good, common sense practices. - https://romgrk.com/posts/optimizing-javascript
#javascript
Romgrk
Optimizing Javascript for fun and for profit
romgrk's personal blog
Using Angular cache with library
How the angular cache can interfere with the build of an application. - https://coco-boudard.medium.com/using-angular-cache-with-library-1744e5b8627b
#angular
How the angular cache can interfere with the build of an application. - https://coco-boudard.medium.com/using-angular-cache-with-library-1744e5b8627b
#angular
Medium
Using Angular cache with library
How the angular cache can interfere with the build of an application.
__dirname is Back in Node with ES Modules
In an ES module, instead of using __dirname or __filename, you can now use import.meta.dirname and import.meta.filename - https://www.sonarsource.com/blog/dirname-node-js-es-modules/
#nodejs
In an ES module, instead of using __dirname or __filename, you can now use import.meta.dirname and import.meta.filename - https://www.sonarsource.com/blog/dirname-node-js-es-modules/
#nodejs
Sonarsource
__dirname is back in Node.js with ES modules
Node.js is reducing friction when using ES modules by making it easier to get the current module directory name
React Server Components in a Nutshell
A quick overview of RSCs that’s not focused around Next.js! Paul compares the approach taken by several frameworks before sharing his broader thoughts on the technology and why the small Waku framework is worth a look. - https://thenewstack.io/react-server-components-in-a-nutshell/
#react
A quick overview of RSCs that’s not focused around Next.js! Paul compares the approach taken by several frameworks before sharing his broader thoughts on the technology and why the small Waku framework is worth a look. - https://thenewstack.io/react-server-components-in-a-nutshell/
#react
The New Stack
React Server Components in a Nutshell
Paul Scanlon uses Waku to show how RSCs give React developers access to asynchronous server-side requests and data at the component level.
Type Predicate Inference: The TS 5.5 Feature No One Expected
And another from Matt, who’s getting excited about the forthcoming inclusion of type predicate inference from function bodies in TypeScript 5.5. - https://www.totaltypescript.com/type-predicate-inference
#typescript
And another from Matt, who’s getting excited about the forthcoming inclusion of type predicate inference from function bodies in TypeScript 5.5. - https://www.totaltypescript.com/type-predicate-inference
#typescript
Total TypeScript
Type Predicate Inference: The TS 5.5 Feature No One Expected
TypeScript 5.5 introduces type predicate inference from function bodies, simplifying type narrowing and making development easier.
Infinite-Scrolling Logos In Flat HTML And Pure CSS
Silvestar Bistrović demonstrates a CSS-only technique to create an infinite-scrolling list of images with as little HTML as possible. - https://www.smashingmagazine.com/2024/04/infinite-scrolling-logos-html-css
#css
Silvestar Bistrović demonstrates a CSS-only technique to create an infinite-scrolling list of images with as little HTML as possible. - https://www.smashingmagazine.com/2024/04/infinite-scrolling-logos-html-css
#css
Smashing Magazine
Infinite-Scrolling Logos In Flat HTML And Pure CSS — Smashing Magazine
Remember the HTML `` element? It’s deprecated, so it’s not like you’re going to use it when you need some sort of horizontal auto-scrolling feature. That’s where CSS comes in because it has all the tools we need to pull it off. Silvestar Bistrović demonstrates…
Vue Query vs. Pinia: A Clarity Comparison
This article will delve into the comparison between Vue Query and Pinia in Vue.js, focusing on clarity and why Vue Query might be a better choice for managing server state. - https://medium.com/@yah.emam/vue-query-vs-pinia-a-clarity-comparison-1002c8a5e7f5
#vue
This article will delve into the comparison between Vue Query and Pinia in Vue.js, focusing on clarity and why Vue Query might be a better choice for managing server state. - https://medium.com/@yah.emam/vue-query-vs-pinia-a-clarity-comparison-1002c8a5e7f5
#vue
Medium
Vue Query vs. Pinia: A Clarity Comparison
Certainly! Let’s delve into the comparison between Vue Query and Pinia in Vue.js, focusing on clarity and why Vue Query might be a better…
Building a Micro HTMX SSR Framework
Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
#nodejs
Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework
#nodejs
Platformatic Blog
Building a Micro HTMX SSR Framework
In the Movie Quotes App Tutorial tutorial from Platformatic's documentation suite, we walked through building a multi-tier application with the service layer built on Fastify backed by Platformatic DB and the frontend built on Astro.
In this tutorial...
In this tutorial...
Create configurable Angular Guards
When building web application, from time to time we have to protect routes from unauthorized access. In… - https://itnext.io/create-configurable-angular-guards-11800f84d90a
#angular
When building web application, from time to time we have to protect routes from unauthorized access. In… - https://itnext.io/create-configurable-angular-guards-11800f84d90a
#angular
Medium
Create configurable Angular Guards
When building web application, from time to time we have to protect routes from unauthorized access. In Angular, we can do this by using…
Introducing Waku's “Pages Router”
Waku is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: “Making a Waku site is now as simple as making a few files and folders in the ./src/pages directory”.. - https://waku.gg/blog/introducing-pages-router
#react
Waku is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: “Making a Waku site is now as simple as making a few files and folders in the ./src/pages directory”.. - https://waku.gg/blog/introducing-pages-router
#react
Waku
Introducing “pages router” — Waku
Bringing a minimal API to the modern React server components era.
Testing HTML With Modern CSS
Heydon Pickering shows how to use modern CSS selectors to find and expose bad markup. - https://heydonworks.com/article/testing-html-with-modern-css
#css
Heydon Pickering shows how to use modern CSS selectors to find and expose bad markup. - https://heydonworks.com/article/testing-html-with-modern-css
#css
Guide — Face Detection Using TensorFlow.js on Vue.js
In this concise guide, you'll delve into the practical implementation of face detection using TensorFlow.js in a Vue.js application. - https://blog.stackademic.com/guide-face-recognition-using-tensorflow-js-on-vue-js-706fd6b21657
#vue
In this concise guide, you'll delve into the practical implementation of face detection using TensorFlow.js in a Vue.js application. - https://blog.stackademic.com/guide-face-recognition-using-tensorflow-js-on-vue-js-706fd6b21657
#vue
Medium
Guide — Face Detection Using TensorFlow.js on Vue.js
Brief introduction on how to use tensorflow js to do face recognition, we will be focusing this article on the actual implementation on…
The Front End Developer/Engineer Handbook 2024 - https://frontendmasters.com/guides/front-end-handbook/2024/
#handbook
#handbook
Frontend Masters
The Front End Developer/Engineer Handbook 2024
The handbook provides an in-depth overview of the skills, tools, and technologies necessary to excel as a front-end developer / engineer.