About:

Mostly frontend, sometimes art

Website:

Incoming Links:

Outgoing Links:

Subscribe to RSS:
The blog post discusses the implementation of CSS View Transitions in Chrome and the challenges that come with it. The author provides a solution using Javascript and CSS to control the transition of elements that are out-of-viewp...
The blog post discusses the process of building a MIDI instrument in TypeScript, focusing on the Web MIDI API, permissions, input handling, output handling, and UI changes. The author also shares the code and a demo of the feature...

0Ssstyles

2024-10-02

The blog post discusses the creation of a classless CSS stylesheet called Ssstyles, which includes features such as color themes, high contrast mode, seamless font scaling, configurable fonts, definition lists, dialog and details/...
The author describes the challenges he faced when his phone refused to connect to his home WiFi network, and the creative solutions he came up with to solve the problem.

0View Transition API

2024-10-02

The blog post discusses the View Transition API, a new CSS mechanism that provides a native way to build SPA-like page transitions. It covers the basic setup, fine-tuning, jank, and even includes a fun Batman logo zooming around. ...
The author reflects on the evolution of CSS and how it has grown alongside their own development as a frontend developer. They discuss the challenges and limitations of early CSS, and how advancements in web design have allowed fo...

0Not knowing things

2024-10-02

The author discusses the importance of honesty in admitting when you don't know something in the web development industry, using his own experience as an example.
The author rebuilt his website due to complications with his old setup, including issues with adding new components, awkward state machine, and problems with images. He switched to Eleventy, Notion as a CMS, and ESBuild for JS bui...
The author describes how to import content from Notion to Eleventy and render a site. The setup he describes is getting very slow, so he switched to Pipedream, which provides generic webhooks in its free plan indefinitely. He also...
The blog post discusses the process of integrating Notion with Eleventy to generate a JAM Stack website. It covers topics such as Notion structure, formatting, images, rendering, and deployment. The author shares their experience ...
The blog post is about building a simple 2D fighting game in JavaScript using TypeScript. The author discusses the project setup, game loop, playable characters, collision detection, graphics, and themeability. The post covers tec...
The blog post discusses the impact of no-code solutions on developers and how automation tools reduce friction and allow developers to tackle more complex problems. It also explores the shift in focus from design and layout to ser...
The blog post discusses the unique use case and declarative nature of CSS as a programming language, covering topics such as control structures, variables, conditions, loops, logic gates, techniques, and setting variables in JavaS...

0A colorful textarea

2024-10-02

The blog post discusses the challenges of adding syntax highlighting to a <textarea> and provides a solution to colorize a textarea by separating the input element from the displayed one. It also covers the use of monospaced fonts...
The blog post discusses the technical aspects of implementing dark mode on a website, including media queries, user preferences, high contrast mode, custom properties, themed images and SVGs, and setting colors for the browser. Th...
The author discusses the process of setting up a project using Vue 3, Nuxt, and TypeScript, and the benefits and drawbacks of each. He also explains the use of localStorage, sessionStorage, and indexedDB for persistent states, and...
The blog post is a retrospective of the author's website from 2004 to 2021, detailing the changes in design, technology, and content over the years.
The author discusses rebuilding his website under the Coronavirus Lockdown, switching to Hugo from Wordpress, writing his own static site generator, focusing on privacy, accessibility, and progressive enhancement, and hosting on U...
The blog post discusses 7 things the author did to improve the performance of their website, including components and bundling, image optimization, fonts and icons, CDN caching, pushing assets, URL preloading, and having a perform...
The author built a synthesizer app using the WebAudio API as a weekend project. The post explains the basics of a synthesizer, the oscillator, and the controls to manipulate the sound signal. The author also outlines the logic of ...
The blog post is a deep dive into webfonts, covering topics such as what webfonts are, how to load them as fast as possible, different font formats, loading strategies, caching, variable fonts, and Google fonts. The author also pr...