>Tagged “javascript”

Injecting Personality

A couple of minor tweaks to add some personality to this website.

Working with Claude and Images

Sending images to Claude for analysis.

Swatch This

An image analysis tool to generate a colour scheme for you.

Using the Least Amount of JavaScript

Applying minimal JavaScript by resorting to less than standard ways of doing things.

Rediscovering the Joy in Coding

Going back to basics by putting aside the typical frameworks and making my own rules.

Scrollable Container Controls with React Hooks

Revisiting some old code to convert it to using hooks.

Multi-Select Checkboxes with React Hooks

An old code demo revised to use React Hooks.

Distant Sound

Small experiment with sound based on scroll distance.

Vue Data Table

Exploring how to tackle a data table in Vue without relying on third-party solutions.

Coping with Bad Dates

Deriving multiple date ranges from a single one when presented with unavailable dates.

DraftJS: Mentions Plugin with Scrolling and Keyboard Navigation

Solving the problem of a scrolling results list with the DraftJS mentions plugin.

Text Selection Particle Effects

Creating particle effects based on text selection using the Web Animations API.

Building an Appreciation System

Using Google Sheets as a back-end, we can record likes on anything we want on a static site.

Image Parallax and Blur with Tornis

Using the Tornis library to create a parallax and blur effect on a cover image while scrolling.

Multi-Select Checkboxes with React

Listen for hotkeys to select multiple checkboxes in a few clicks.

Derived Stores With Svelte

Getting up to speed with derived stores in Svelte and how they compare to something like computed properties in Vue.

Scrollable Container Controls with React

Managing a scrollable container with React by adding button controls, and seeing when they should be enabled or disabled.

Vapid CMS

Vapid is a content management system that has a very smart way of letting you focus on the code, while constructing a dashboard based on your templates.

HTML Imports & Component-Driven Development

Playing around with HTML Imports before deprecation, pining for a native, relatively hassle-free way of building a component library.

Building a Table of Contents with the Intersection Observer API

How to build a live-updating table of contents using Intersection Observer.

A Signal in the Static

Moving from Craft CMS to Hugo and Netlify

Create an RSS Feed Reader

Upgrading to webpack 4

Moving from Laravel Mix to webpack 4, and the performance benefits.

Do Not Track

How to use window.doNotTrack to decide when to use tracking.

Page Visibility API

DIY RSS Feed Reader

Building your own Feed Reader with Vue.js and Node

Craft Plugins Browser

A small project to browse Craft CMS plugins by popularity.

Client-Side Search with Algolia

Adding client-side search with Algolia.

Building My Site Part III: Fine Tuning

Final tweaks and performance improvements for my website.

Building a 'Now Playing' Feature

Show the world what you're listening to because it's important.

Tip for React PropTypes with Storybook

Vue.js and Spotify Experiment

Expanding menu with GSAP

Lightweight Utility Object

Building a full-screen overlay

A JavaScript approach to a full-screen overlay

Web Project Boilerplate - Browserify with ES6

Foundation 5.5

Front-end Strategy with a sprinkling of ExpressionEngine