JavaScript & web
JavaScript, TypeScript, React, Vue, CSS and static sites. 78 posts, newest first. All topics
Rebuilding FriendlyUser: A Three.js Homepage and a Starlight BlogThe homepage is now a scroll-driven three.js city built from my career and every post on this blog, and the blog itself moved to Astro Starlight without changing a single post URL. Here is what changed, with before and after recordings.
The Benefits of Using WebAssembly for Web DevelopmentIn this article , we will explore the benefits of using WebAssembly for web development and how it can enhance both user experience and development processes
Deno Buffer Module A Deep Dive into Efficient Data ManagementIn this article, we will explore the Deno Buffer module and its various features, and learn how to effectively use them in our applications
Deno WebSocket Module A Comprehensive GuideIn this article, we will explore the Deno WebSocket module and how to use it to build WebSocket applications in Deno
Speeding Up JavaScript Applications with WebAssemblyIn this article , we will explore how WebAssembly can be used to speed up JavaScript applications, by offloading performance-critical tasks to WebAssembly modules
Integrating Recurring Payments with Clover APILearn how to use Clover API to tokenize credit card information, create customer profiles, look up tax rates, and manage subscriptions for recurring payments in your applications.
Options to implement search on your websiteOptions to implement search on your website
Ensure Elements are always visible on screenUnderstanding React Refs A Guide for Beginners
Getting started with react-springReact-spring is a popular animation library for React applications.
Creating a custom wordpress theme.After thoughts of building a lousy wordpress theme.
How to create an infinite animation for a car.Using basic css and html to animate a car in react.- Clearing Deactivated Phone Numbers from Twilio in Node.js using BullMQLearn how to implement a job that clears out deactivated phone numbers from Twilio using Node.js and BullMQ.
Laravel api that takes parses ip addresses.Explaining how to use laravel to parse ip addresses.
Mastering Diagram Creation with Mermaid: From Flowcharts to Gantt ChartsDive into the world of Mermaid, a versatile diagramming tool that uses simple text-based syntax. Learn how to create flowcharts, sequence diagrams, Gantt charts, and more, directly in your documentation or web projects. Discover advanced features and practical tips for integrating Mermaid into your workflow.
What is laravel.Explaining what laravel is.
How to Optimize Image Loading for a Website.High-quality images make a site visually appealing, but they can also increase the page load times, negatively impacting the user experience and search engine optimization (SEO). To strike a balance between performance and aesthetics, it is imperative to optimize image loading for your website.
Create a deploy to overleaf buttonHow to create a deploy to overleaf button in react and plain html
Converting saber site to nextraIn this post I will show you how I ported saber site to nextra.
Creating a cluster on a map in react nativeIn this post I will show you how to clusters on a map in react native.
How to use Google Maps API in your web applicationIn this post I will show how to integrate google maps into a web page.
Creating a networked game with phaser and nodejs part IIIn this post I will show you how to create a simple networked game with phaser and nodejs.
Creating a networked game with phaser and nodejsIn this post I will show you how to create a simple networked game with phaser and nodejs.
Using the league of legends api to get games via denoIn this post I will show you how to use the league of legends api to get games via deno.
Custom image component in reactCreated a custom image component with a loading spinner and fallback image- Changes in Node.js 18Describing the cool new functions in node 18
Deno Testing Module A Comprehensive GuideIn this article, we will explore the Deno testing module, its features, and how to use it effectively
How I implemented a price card component in reactBuilding a price card component in react is a great way to learn how to use css- We will walk through the steps to build a CLI application using TypeScriptBuilding command-line interface (CLI) applications is an essential skill for developers, especially those who work on server-side applications. CLI applications offer a convenient way to interact with programs and automate repetitive tasks, making them a valuable tool for developers.
- Caesar cipher in vueBuilding a caesar cipher component in vue
- Why working with native JavaScript dates is painfulWorking with dates in JavaScript can be frustratingly difficult. The Date object seems simple enough at first glance, but it has some major shortcomings, especially when it comes to handling timezones.
Css in js vs plain css and styled componentsComparing css in js to plain css and styled components
Implementation animations with css and react-intersection-observerUsing the react-intersection-observer library to implement animations with css- Css Animations in VueVue is a popular JavaScript framework that allows developers to create dynamic, reactive user interfaces. One of the ways Vue makes this possible is by allowing developers to easily integrate CSS animations into their Vue components. In this article, we will explore how to use CSS animations in Vue.
Introduction to static site generationsA comparison between static site generations including vuepress, gridsome and astro
Exploring the Deno Permissions Module A Comprehensive GuideThis article provides an in-depth look at the Deno Permissions module, explaining its purpose, usage, and best practices.
Getting Started with Remix: A Deep Dive into the React EcosystemThis article provides a comprehensive guide on getting started with Remix, its core features, and how it fits into the React ecosystem.
Deno CLI Module A Modern Approach to JavaScript and TypeScript DevelopmentIn this article, we will explore the Deno CLI module, a powerful and versatile tool for JavaScript and TypeScript developers
Introduction to SignalR Real-Time Web Applications Made EasyIn this article, we'll explore the basics of SignalR, its key features, and how it works under the hood
React Class ComponentsHow to make react class components
Next.js BasicsIntroduction to next.js
Using react context to manage stateExplaining the use of react context to manage state
React Functional ComponentsHow to make react class components
Using UI Frameworks with ReactHow to use UI frameworks with react
Deno Fetch Module A Deep Dive into HTTP Request HandlingThis article will explore the Deno Fetch module in-depth, explaining its key components, usage, and benefits.
Converting React CSS styles to CSS classesLeverage chatgpt to convert React CSS styles to CSS classes- Page Transitions with Next.jsOne of the ways to enhance the user experience of a Next.js app is to add page transitions. In this article, we will explore how to add page transitions to a Next.js app.
Demystifying the Deno Standard LibraryIn this article, we'll explore the Deno standard library and how it contributes to the overall Deno ecosystem
Investing homepage with waves animationUsing JS and vuesax to show waves.- Deno HTTP Module A Comprehensive OverviewIn this article, we will take a deep dive into the Deno HTTP module and explore its features, benefits, and usage in various scenarios
How I style svg in next.jsUsing svg in next.js for custom styling- Simple Chat bot using react-simple-chatbotHow to create a simple chat bot using react-simple-chatbot
What is a package.json file in javascriptpackage.json file explained
Parsing and Manipulating YAML with Deno's YAML ModuleIn this article, we will explore how to utilize this module to work with YAML data in a Deno application
How to use Navigation API in react nativeThe Navigation API is a powerful new tool for managing navigation in React Native apps.
Simple collapsible componentDescribes a simple collapsible component for react
Using Astrodon in Deno A Comprehensive GuideIn this article, we'll explore how you can use Astrodon to simplify and improve your Deno development experience.
Using Pogo in Deno for Web DevelopmentIn this article, we will explore the core features of Pogo and demonstrate how to build a simple web application using this framework.
Using Fresh in Deno for Web DevelopmentIn this article, we will dive into the world of Deno web development by exploring **Fresh**, a minimalistic web framework for Deno
A Comprehensive Guide to Using Cac in DenoIn this article, we'll discuss how to use Cac in Deno to build a simple command-line application.
Leveraging Autopilot in Deno A Step-by-Step GuideIn this article, we will explore how to use autopilot in Deno, focusing on setting up the environment, writing a basic script, and executing browser automation tasks.
How to create a todolist application using nextjs and neon serverless postgresDescribes a Next.js project that uses a PostgreSQL database to manage to-do items.
Getting Started with Vuepress Theme Cool and VuepressVuepress is a static site generator based on Vue.js that allows you to easily create documentation websites or any other kind of website that requires structured content. It features a built-in Markdown editor, support for custom themes, and plugins that extend its functionality.
Introducing Vuepress Theme Cool - A Vuepress Theme for Blogs and documentationVuepress Theme Cool is a Vuepress theme for Blogs and documentation.
Async Programming With JavascriptUsing resolutions in package.json
Introduction to docker with expressDocker is a popular platform for building, deploying, and running applications in containers.
Getting started with express in nodejsUsing resolutions in package.json
Introduction to javascript free ebookA free ebook on javascript, node.js and asynchronous programming.
Overview of corporate landing page done in react with microsoft fabric uimaking a corporate landing page in react
Using remotion for game highlightsAs I hit titan in erbs I wanted to make a video of the highlights
Upgrading from material v4 to mui v5Updating material ui components to the latest version
Adding search to static sites with pagefindSearching for content using pagefind, I will cover how I added it to my static site.
How to consume twilio conversations mediaA simple explaination of how I consume twilio conversation media
Extracting types automatically from typescript-axios openapi generatorMy Thoughts on what todo with jcenter/bintray going down.- How to use resolutions in package.jsonUsing resolutions in package.json
Screenshot utility for mobile appsThis covers how to take screenshots of your mobile app using the ios simulator or android.
How to add tags to astroHow I implemented tags for my blog
How to make a show more component in reactHow I implemented tags for my blog
Updating Vuepress Theme CoolVuepress-theme-cool 1.7
© 2026 David Li · Home · Blog · RSS ·Classic site · Built with Astro, Starlight and three.js