Selecting adjacent siblings
This post will cover a technique to style adjacent siblings using CSS selectors and the :has() pseudo-class as described in Selecting Previous Siblings by Chris Coyier. The idea is that we style the...
Getting Started with Typescript
Typescript is a superset of Javascript.It provides type checking and object-oriented programming features on top of Javascript. This post will explore Typescript and some basic areas: What it is How...
CSS Paged Media In The Browser
When it comes down to printing web pages we haven't had much control over the output. The browser would just render the page as it is and print it. But with the introduction of CSS Paged Media, we can...
Tagged Template Literals
When they were first introduced in ES6/ES2015, Template Literals created a new, easier IMO, way to produce strings of text, either on their own or interpolated with variables. Tagged template literals...
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...