Skip to main content
Dublin Library

The Publishing Project

Exploring HTMX

HTMX, or Hypertext Markup Extensions, is a JavaScript library that allows developers to build web applications using HTML instead of JavaScript. It was created by Carson Gross and was initially...

Using design tokens

Style tokens, also known as design tokens, are named, reusable values that represent design elements like colors, fonts, spacing, and other visual attributes within a design system, allowing for...

Splitting text into characters

Splitting.js is a JavaScript library that splits text into characters, words, and lines. It can be used to create interesting text animations and effects. However, there are times when it can be...

Disecting A Page -- IndieWire

It All Led to ‘Dune’ is a very interesting and challenging page to dissect. It has many different elements and APIs that can be used to create a similar page. In this post, we will go through the...

Working With Masonry Layouts

It appears that the CSS Working Group has decided to add masonry layouts as part of the CSS Grid Level 3 specification. IMO this sucks but it appears to be a done deal that will hurt developers in the...

Reading and Writing Files With Streams

For the most part opening and reading files synchronously in the browser is not a big deal since the files are seldom large enough to cause any performance issues and reading from the local file...

Converting CommonJS to ES Modules

Node.js has always supported Common.js as the module system. When building a package we use modules.export to define the elements in the package that can be consumed by other modules: // file:...

Reviewing The Filesystem Access API

The Filesystem Access API is a Chromium-only feature that's part of Project Fugu. It allows you to work opening and saving files to the local filesystem. This post will discuss the feature and...

Pointer Event Example

While we have touch and mouse events, pointer events, the pointer events API provides a unified interface for both mouse and touch devices. This post will explore pointer events, paying special...

Working with Javascript events

Events are things that happen in the system you are programming — the system "fires" a signal of some kind when an event occurs, and provides a way to use the event in either the element...

Archive Navigation