CSS Relative colors
Lucien Immink explains how you can use the from keyword to convert colors to different color spaces and change the color properties. - https://techhub.iodigital.com/articles/css-relative-colors
#css
Lucien Immink explains how you can use the from keyword to convert colors to different color spaces and change the color properties. - https://techhub.iodigital.com/articles/css-relative-colors
#css
iO tech_hub
CSS Relative colors - iO tech_hub
Before the relative color syntax you had to rely on CSS variables or even worse: JavaScript to modify the parameters of a color. Using the from keyword the browser can convert the originating color to different color spaces and change the color properties.
Mastering Angular Dependency Injection in a large scale project
Angular is a robust and comprehensive framework that helps web developers build scalable applications. One of… - https://blog.josematos.work/mastering-angular-dependency-injection-in-a-large-scale-project-d241e4ec0ac2
#angular
Angular is a robust and comprehensive framework that helps web developers build scalable applications. One of… - https://blog.josematos.work/mastering-angular-dependency-injection-in-a-large-scale-project-d241e4ec0ac2
#angular
Medium
Mastering Angular Dependency Injection in a large scale project
Angular is a robust and comprehensive framework that helps web developers build scalable applications. One of its most distinguishing features is Dependency Injection (DI) — a concept that enables…
15 common Angular development interview questions and solutions
Angular is a popular open-source application-design framework and development platform. Google initially… - https://grokkingtechinterview.com/15-common-angular-development-interview-questions-and-solutions-634118970259
#angular
Angular is a popular open-source application-design framework and development platform. Google initially… - https://grokkingtechinterview.com/15-common-angular-development-interview-questions-and-solutions-634118970259
#angular
Medium
15 common Angular development interview questions and solutions
Angular is a popular open-source application-design framework and development platform. Google initially released it in 2010 as AngularJS…
React Libraries for 2024
A few issues ago, we were hoping that Robin would soon do a 2024 update of his opinionated annual guide to which libraries to consider for different tasks – and he has! - https://www.robinwieruch.de/react-libraries/
#react
A few issues ago, we were hoping that Robin would soon do a 2024 update of his opinionated annual guide to which libraries to consider for different tasks – and he has! - https://www.robinwieruch.de/react-libraries/
#react
www.robinwieruch.de
React Libraries for 2024
Discover the essential React libraries for 2024! Navigate the vast ecosystem effortlessly with this curated list. Empower your React projects with these powerful tools for seamless development of large-scale applications ...
Vue show and hide form elements
When working with forms, displaying or concealing various fields is common based on selected options.
This article explains how to conditionally show or hide form elements in @vuejs. - https://dcblog.dev/vue-show-and-hide-form-elements
#vue
When working with forms, displaying or concealing various fields is common based on selected options.
This article explains how to conditionally show or hide form elements in @vuejs. - https://dcblog.dev/vue-show-and-hide-form-elements
#vue
DC Blog
Vue show and hide form elements
Introduction
When working with forms, it is common to display or conceal various fields based on the options selected.
I'll use Vue to conditionally show or hide form elements.
In this example, I'm going to use an SFC (Single File Component) for ease...
When working with forms, it is common to display or conceal various fields based on the options selected.
I'll use Vue to conditionally show or hide form elements.
In this example, I'm going to use an SFC (Single File Component) for ease...
Handling Environment Variables in Node
An in-depth guide to NODE_ENV, how to use Fastify secret management plugins, how to validate environment variables, and bringing Platformatic into the mix. - https://blog.platformatic.dev/handling-environment-variables-in-nodejs
#nodejs
An in-depth guide to NODE_ENV, how to use Fastify secret management plugins, how to validate environment variables, and bringing Platformatic into the mix. - https://blog.platformatic.dev/handling-environment-variables-in-nodejs
#nodejs
Platformatic Blog
Handling Environment Variables in Node.js
An in-depth guide of NODE_ENV, how to use Fastify secret management plugins, and how Platformatic natively supports environment variables.
Backends For Frontends — My Take
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple… - https://faun.pub/backends-for-frontends-my-take-b97663ec1b68
#bff
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple… - https://faun.pub/backends-for-frontends-my-take-b97663ec1b68
#bff
Medium
Backends For Frontends — My Take
What do you get when you have a lot of Microservices to fetch data from before displaying a result — Multiple network calls; add the need…
console.delight
Zach Saucier shows how you can render (limited) CSS, SVGs, and even HTML in console.log(). - https://frontendmasters.com/blog/console-delight
#css
Zach Saucier shows how you can render (limited) CSS, SVGs, and even HTML in console.log(). - https://frontendmasters.com/blog/console-delight
#css
Frontendmasters
console.delight – Frontend Masters Boost
Everyone knows you can use console.log() to log text and variables to the console. Did you know you could also render (limited) CSS, SVGs, and even HTML in it?!? I didn't! It's a neat technique that can delight the curious and further your brand for curious…
How to Deep Link into an Angular Web App
Deep link into an authenticated Angular web app from a URL using an Angular Route Guard. - https://blog.bitsrc.io/how-to-deep-link-into-an-angular-web-app-67445c1b16de
#angular
Deep link into an authenticated Angular web app from a URL using an Angular Route Guard. - https://blog.bitsrc.io/how-to-deep-link-into-an-angular-web-app-67445c1b16de
#angular
Medium
How to Deep Link into an Angular Web App
Deep link into an authenticated Angular web app from a URL using an Angular Route Guard.
Let's create a filter table component in Vue
In this video, you'll learn how to use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and the Composition API. - https://www.youtube.com/watch?v=au27CwIFHzs
#vue
In this video, you'll learn how to use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and the Composition API. - https://www.youtube.com/watch?v=au27CwIFHzs
#vue
YouTube
Let's create a filter table component in Vue
A plain table element displaying your data in Vue is pretty boring, let's make it more dynamic!
In this video, we'll use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and…
In this video, we'll use computed properties, events, fetch requests, and emits to build out a component that acts like a filter and search table with Vue 3 and…
Ten Common Mistakes with the Next.js App Router
A twenty-minute presentation informed by discussions with “hundreds of developers and looking at thousands of Next.js repositories.” - https://www.youtube.com/watch?v=RBM03RihZVs
#react
A twenty-minute presentation informed by discussions with “hundreds of developers and looking at thousands of Next.js repositories.” - https://www.youtube.com/watch?v=RBM03RihZVs
#react
YouTube
10 common mistakes with the Next.js App Router
After talking to hundreds of developers and looking at thousands of Next.js repositories, I've noticed ten common mistakes when building with the Next.js App Router.
This video will share why these mistakes can happen, how to fix them, and some tips to help…
This video will share why these mistakes can happen, how to fix them, and some tips to help…
AdonisJS v6: The Complete Web Framework
If you want a TypeScript-first backend Web framework with amazing docs and packed with features out the box, Adonis is worth a look. v6 takes a huge step forward by using ESM by default, offering significantly more type safety overall , a new validation library, and more. - https://adonisjs.com/blog/adonisjs-v6-announcement
#nodejs
If you want a TypeScript-first backend Web framework with amazing docs and packed with features out the box, Adonis is worth a look. v6 takes a huge step forward by using ESM by default, offering significantly more type safety overall , a new validation library, and more. - https://adonisjs.com/blog/adonisjs-v6-announcement
#nodejs
Adonisjs
Announcing AdonisJS v6
The long-awaited version of AdonisJS is finally here. In this post, we cover the highlights of the release.
Software Architecture Patterns for Angular Projects
Different Software Architecture patterns are widely researched and applied in back-end development… - https://azeynalli1990.medium.com/software-architecture-patterns-for-angular-projects-989b0e2c7a02
#angular
Different Software Architecture patterns are widely researched and applied in back-end development… - https://azeynalli1990.medium.com/software-architecture-patterns-for-angular-projects-989b0e2c7a02
#angular
Medium
Software Architecture Patterns for Angular Projects
Different Software Architecture patterns are widely researched and applied in back-end development. Front-end, beside its relatively short…
5 Best Practices for Backends-for-Frontends
Best practices to follow when implementing the BFF pattern: do’s and don’ts. - https://javascript.plainenglish.io/5-best-practices-for-backends-for-frontends-95041583f18a
#bff
Best practices to follow when implementing the BFF pattern: do’s and don’ts. - https://javascript.plainenglish.io/5-best-practices-for-backends-for-frontends-95041583f18a
#bff
Medium
5 Best Practices for Backends-for-Frontends
Best practices to follow when implementing the BFF pattern: do’s and don’ts.
Accounting for Internationalization with CSS and HTML
Jenn Diaz explains how to achieve internalization using logical properties, CSS Writing Mode, the dir attribute, and the lang attribute. - https://sparkbox.com/foundry/internationalization_css_html
#css
Jenn Diaz explains how to achieve internalization using logical properties, CSS Writing Mode, the dir attribute, and the lang attribute. - https://sparkbox.com/foundry/internationalization_css_html
#css
Sparkbox
Accounting for Internationalization with CSS and HTML
Internationalization should be part of your consideration to save time and money while ensuring your product is ready for the world.
Starting and Publishing a Library: The Modern Way
A walk through the steps involved in creating and packaging a library, publishing a package, adding testing, and automatically publishing it all to the NPM registry, along with provenance. - https://advancedweb.hu/modern-javascript-library-starter/
#nodejs
A walk through the steps involved in creating and packaging a library, publishing a package, adding testing, and automatically publishing it all to the NPM registry, along with provenance. - https://advancedweb.hu/modern-javascript-library-starter/
#nodejs
advancedweb.hu
Modern JavaScript library starter
How to publish a package with TypeScript, testing, GitHub Actions, and auto-publish to NPM
Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication
In this article, you will explore using the Vue 3 Composition API to create a reactive parent-to-child communication. - https://lirantal.medium.com/vue-js-patterns-using-vue-js-3-composition-api-for-reactive-parent-to-child-communication-a4edf1b6a336
#vue
In this article, you will explore using the Vue 3 Composition API to create a reactive parent-to-child communication. - https://lirantal.medium.com/vue-js-patterns-using-vue-js-3-composition-api-for-reactive-parent-to-child-communication-a4edf1b6a336
#vue
Medium
Vue.js Patterns: Using Vue.js 3 Composition API for Reactive Parent to Child Communication
Here’s the use-case: A parent Vue.js component needs to pass data to a child component. It does so using Props. The child component needs to receive this external data as its initial state, but also…
Lessons Learned Upgrading to React 18
If you get the feeling everyone upgrades to using the newest React version and features ASAP, it’s not true. Most teams take a while to do big upgrades (if they even do so at all) so it’s interesting to see the SonarQube team’s story and some issues they ran into. - https://www.sonarsource.com/blog/upgrading-react-18-sonarqube/
#react
If you get the feeling everyone upgrades to using the newest React version and features ASAP, it’s not true. Most teams take a while to do big upgrades (if they even do so at all) so it’s interesting to see the SonarQube team’s story and some issues they ran into. - https://www.sonarsource.com/blog/upgrading-react-18-sonarqube/
#react
Sonarsource
Lessons learned upgrading to React 18 in SonarQube
We share the biggest three issues we faced and the lessons we learned as we upgraded SonarQube to React 18.
What is ng-template, and when to use it?
As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else… - https://blog.angulartraining.com/what-is-ng-template-and-when-to-use-it-f875b46aa078
#angular
As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else… - https://blog.angulartraining.com/what-is-ng-template-and-when-to-use-it-f875b46aa078
#angular
Medium
What is ng-template, and when to use it?
As an Angular developer, you might have encountered ng-template when using the *ngIf syntax with an else block:
CSS Size Analyzer
An online tool to analyze CSS size to help you catch bloat from things like embedded images or fonts. - https://www.debugbear.com/css-size-analyzer
#css
An online tool to analyze CSS size to help you catch bloat from things like embedded images or fonts. - https://www.debugbear.com/css-size-analyzer
#css
Debugbear
CSS Size Analyzer
Identify what causes large CSS downloads. Break CSS document size down by selector and declarations.