Two Levels of Customising
Hidde de Vries looks at two ways to customize the parts of a <selectmenu> element. - https://hidde.blog/custom-select-with-selectlist
#css
Hidde de Vries looks at two ways to customize the parts of a <selectmenu> element. - https://hidde.blog/custom-select-with-selectlist
#css
Hidde's blog
Two levels of customising <selectlist>
There will be two levels of customisation in selectmenu: via CSS or via replacing parts.
Angular — Facade Design Pattern and how it can improve performance
What Facade Design Pattern is — and how it improves the performance of your Angular application. - https://blog.bitsrc.io/angular-facade-design-pattern-and-how-it-can-improve-performance-65bc2aabdb26
#angular
What Facade Design Pattern is — and how it improves the performance of your Angular application. - https://blog.bitsrc.io/angular-facade-design-pattern-and-how-it-can-improve-performance-65bc2aabdb26
#angular
Medium
Angular — Facade Design Pattern and How It Can Improve Performance
What Facade Design Pattern is — and how it improves the performance of your Angular application.
Implementing Dark Mode in React Native
Supporting dark mode is more important than ever as users have come to expect it—this guide explains how. - https://thoughtbot.com/blog/react-native-dark-mode
#reactnative
Supporting dark mode is more important than ever as users have come to expect it—this guide explains how. - https://thoughtbot.com/blog/react-native-dark-mode
#reactnative
thoughtbot
Implementing dark mode in React Native
Supporting dark mode is more important than ever as users come to expect this functionality. This guide will explain how it can be done!
Speeding Up the JS Ecosystem: The Barrel File Debacle
Marvin continues his tour through the world of JavaScript performance fixes with a look at how some innocent looking code can make tools run slower than they should. Test runners and many import cycle detection tools are most affected. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/
#nodejs
Marvin continues his tour through the world of JavaScript performance fixes with a look at how some innocent looking code can make tools run slower than they should. Test runners and many import cycle detection tools are most affected. - https://marvinh.dev/blog/speeding-up-javascript-ecosystem-part-7/
#nodejs
marvinh.dev
Speeding up the JavaScript ecosystem - The barrel file debacle
Many projects are littered with files that just re-export other files. These so called "barrel files" are one of the key reasons why JavaScript tooling is slow in bigger projects.
Complex vs Compound Selectors
Miriam Suzanne outlines the difference between compound selectors and complex selectors. - https://www.miriamsuzanne.com/2022/06/15/complex-compound
#css
Miriam Suzanne outlines the difference between compound selectors and complex selectors. - https://www.miriamsuzanne.com/2022/06/15/complex-compound
#css
Miriam Eric Suzanne
Complex vs Compound Selectors
I have to look it up every time.
Angular PWA — nest.js — Push Notification
Since web push notifications are now also possible in Safari (at the moment only on macOS, in 2023 it will be… - https://medium.com/fabiankuehne/angular-pwa-nest-js-push-notification-cb4fc22fb7e3
#angular
Since web push notifications are now also possible in Safari (at the moment only on macOS, in 2023 it will be… - https://medium.com/fabiankuehne/angular-pwa-nest-js-push-notification-cb4fc22fb7e3
#angular
Medium
Angular PWA — nest.js — Push Notification
Since web push notifications are now also possible in Safari (at the moment only on macOS, in 2023 it will be available for iOS as well)…
Drawing on Google Maps with Drawing Manager
This incredibly thorough and code-rich followup to Integrating Google Maps in React focuses on the use of DrawingManager to draw polygons, rectangles, polylines, circles and markers on top of maps. - https://sudolabs.com/insights/react-google-maps-drawing-tools
#react
This incredibly thorough and code-rich followup to Integrating Google Maps in React focuses on the use of DrawingManager to draw polygons, rectangles, polylines, circles and markers on top of maps. - https://sudolabs.com/insights/react-google-maps-drawing-tools
#react
Sudolabs
React Google Maps: Drawing Tools
Google Maps is more than just a navigation tool. While it excels at providing core features like adding markers, info windows, and directions services, it also offers advanced techniques that can take your project to the next level.
How I structure my Angular applications - https://medium.com/@dimitarg.stoev/how-i-structure-my-angular-applications-d7d91a2da2e3
#angular
#angular
Medium
How I structure my Angular applications
Introduction
Building a 'PDF Chat' with Node, OpenAI and ModelFusion
In modern AI circles, the idea of being able to use large language models (LLMs) to “chat” with PDFs and similar reference docs is quite popular. This tutorial shows off the basics of creating such a system from reading PDFs with PDF.js, through to tokenization, and building a chat loop. - https://modelfusion.dev/blog/pdf-chat-nodejs
#nodejs
In modern AI circles, the idea of being able to use large language models (LLMs) to “chat” with PDFs and similar reference docs is quite popular. This tutorial shows off the basics of creating such a system from reading PDFs with PDF.js, through to tokenization, and building a chat loop. - https://modelfusion.dev/blog/pdf-chat-nodejs
#nodejs
modelfusion.dev
PDF Chat with Node.js, OpenAI, and ModelFusion | ModelFusion
Tutorial on how to build a chatbot that can answer questions about a PDF using Node.js, OpenAI, and ModelFusion.
Understanding Web Accessibility in Vue.js
This article tackles the basics of web accessibility in Vue.js applications.
Looking at some concepts and strategies to consider when designing accessible applications. - https://vueschool.io/articles/vuejs-tutorials/understanding-web-accessibility-in-vue-js
#vue
This article tackles the basics of web accessibility in Vue.js applications.
Looking at some concepts and strategies to consider when designing accessible applications. - https://vueschool.io/articles/vuejs-tutorials/understanding-web-accessibility-in-vue-js
#vue
vueschool.io
Understanding Web Accessibility in Vue.js - Vue School Articles
As developers, we are tasked with creating applications inclusive of all people, regardless of their hardware, software, language, location, or ability. This article looks at some useful concepts and strategies to providing accessible Vue.js applications.
Angular Signals: Best practices around exposing Signals
Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1
#angular
Some best practices are emerging as Signals are available in developer preview with Angular 16. - https://blog.angulartraining.com/angular-signals-best-practices-around-exposing-signals-5385452150a1
#angular
Medium
Angular Signals: Best practices around exposing Signals
Some best practices are emerging as Signals are available in developer preview with Angular 16.
CSS prefers-reduced-transparency
Adam Argyle explains how to optimize and adjust the experience for users who prefer an opaque UI. - https://developer.chrome.com/blog/css-prefers-reduced-transparency
#css
Adam Argyle explains how to optimize and adjust the experience for users who prefer an opaque UI. - https://developer.chrome.com/blog/css-prefers-reduced-transparency
#css
Chrome for Developers
CSS prefers-reduced-transparency | Blog | Chrome for Developers
Optimize and adjust for users who prefer an opaque UI.
Build Your Own Chatbot with React and the OpenAI API
The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/
#react
The AI is all provided by OpenAI, of course, but building your UI on top opens up some interesting opportunities. - https://www.sitepoint.com/build-chatgpt-clone-react-openai-api/
#react
SitePoint
Build Your Own ChatGPT Clone with React and the OpenAI API
In this step-by-step tutorial, we walk through how to build a fully-functioning and stylish ChatGPT clone with React and the OpenAI API.
Best Practices for Node.js Application Architecture
Node.js is a highly popular framework for building server-side applications in JavaScript. It’s often used… - https://hardiks.medium.com/best-practices-for-node-js-application-architecture-8ccb1f94452a
#nodejs
Node.js is a highly popular framework for building server-side applications in JavaScript. It’s often used… - https://hardiks.medium.com/best-practices-for-node-js-application-architecture-8ccb1f94452a
#nodejs
Medium
Best Practices for Node.js Application Architecture
Node.js is a highly popular framework for building server-side applications in JavaScript. It’s often used for API development and back-end…
The Vue 3 Transition Component 101
This article explains how the Vue 3 Transition component works and demonstrates its usage with code examples. - https://vueschool.io/articles/uncategorized/the-vue-3-transition-component-101
#vue
This article explains how the Vue 3 Transition component works and demonstrates its usage with code examples. - https://vueschool.io/articles/uncategorized/the-vue-3-transition-component-101
#vue
vueschool.io
The Vue 3 Transition Component 101 - Vue School Articles
Vue.js 3 provides a powerful Transition component to spice up your applications with UX enhancing transitions. Learn how to use it in the article.
Mastering SOLID Principles in JavaScript: Building Robust and Maintainable Code
Are you sick of dealing with JavaScript code that is unkempt and difficult to maintain? Look nowhere else… - https://javascript.plainenglish.io/mastering-solid-principles-in-javascript-building-robust-and-maintainable-code-6acbf078c4d2
#solid #javascript
Are you sick of dealing with JavaScript code that is unkempt and difficult to maintain? Look nowhere else… - https://javascript.plainenglish.io/mastering-solid-principles-in-javascript-building-robust-and-maintainable-code-6acbf078c4d2
#solid #javascript
Medium
Mastering SOLID Principles in JavaScript: Building Robust and Maintainable Code
Are you sick of dealing with JavaScript code that is unkempt and difficult to maintain? Look nowhere else! We’ll delve deeply into SOLID…
A Couple of New CSS Functions I’d Never Heard Of
Chris Coyier gives a short overview of new CSS functions light-dark(), xywh(), round(), perspective(). - https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of
#css
Chris Coyier gives a short overview of new CSS functions light-dark(), xywh(), round(), perspective(). - https://chriscoyier.net/2023/10/17/a-couple-of-new-css-functions-id-never-heard-of
#css
Chris Coyier
A Couple of New CSS Functions I’d Never Heard Of
light-dark() Saw Bramus post about this. :root { color-scheme: light dark; –text-color: light-dark(#333, #ccc); } Apparently, this is just a first step on the way toward a more robust schemed…
Tailwind Next.js Starter Blog 2.0: A Starter Template for a Next.js Blog
This has been around a few years and has continued to be frequently updated and now uses the modern Next app directory approach along with server components – there’s a full explanation of the updates here. Is there a live demo? - https://github.com/timlrx/tailwind-nextjs-starter-blog
#react
This has been around a few years and has continued to be frequently updated and now uses the modern Next app directory approach along with server components – there’s a full explanation of the updates here. Is there a live demo? - https://github.com/timlrx/tailwind-nextjs-starter-blog
#react
GitHub
GitHub - timlrx/tailwind-nextjs-starter-blog: This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured…
This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Per...
Rendering Charts With Web Workers in Angular
How to use OffscreenCanvas to plot charts from within a web worker - https://betterprogramming.pub/rendering-charts-with-web-workers-in-angular-f7ac576e21d1
#angular
How to use OffscreenCanvas to plot charts from within a web worker - https://betterprogramming.pub/rendering-charts-with-web-workers-in-angular-f7ac576e21d1
#angular
Medium
Rendering Charts With Web Workers in Angular
How to use OffscreenCanvas to plot charts from within a web worker
24 Time Saving Tips for Nuxt 3
This article is a compilation of 24 tips to help you save time and write better Nuxt apps. - https://masteringnuxt.com/blog/24-time-saving-tips-for-nuxt3
#vue
This article is a compilation of 24 tips to help you save time and write better Nuxt apps. - https://masteringnuxt.com/blog/24-time-saving-tips-for-nuxt3
#vue
Masteringnuxt
24 Time Saving Tips for Nuxt 3
Nuxt has so many amazing features. This article is a compilation of 24 tips to help you save time and write better Nuxt apps.