Development

A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Vue, or any other JavaScript application.

Julia is a dynamic general purpose programming language popular for scientific computing and big data analytics. It is extremely fast thanks to its use of a ...

Native apps often feature transitions between states that both look great and help communicate the type of navigation to the user. The bad news: creating tra...

This post, originally written in March of 2019, advocated against using the native dialog element. At that time, the element was only supported in Ch...

The new `dialog` element is more than a display toggle because it provides better focus handling, `inert` functionality and closes on keypress.

If you have little experience with ARIA, screen readers, or testing in general, understanding accessible descriptions can be trickier than understanding accessible names (already confusing for many). I have written explanations so many times for clients and in fora that I opted to put this together so I maybe never…

JavaScript Tutorial provides you with many practical tutorials that help you learn JavaScript from scratch quickly and effectively.

VisuAlgo was conceptualised in 2011 by Dr Steven Halim as a tool to help his students better understand data structures and algorithms, by allowing them to learn the basics on their own and at their own pace. Together with his students from the National University of Singapore, a series of visualizations were developed and consolidated, from simple sorting algorithms to complex graph data structures. Though specifically designed for the use of NUS students taking various data structure and algorithm classes (CS1010/equivalent, CS2040/equivalent, CS3230, CS3233, and CS4234), as advocators of online learning, we hope that curious minds around the world will find these visualizations useful as well.

In the past five years I’v been working on major frontend projects at Gloat. In this blog post I’ll focus on what I learned when building…

Learn how to create native web components with the Minze JavaScript framework.

Keyboard interaction note for just one control from the entire panoply of HTML controls: A native fires on key down when that key is Enter. If you hold down the Enter key, it continues to fire for as long you hold Enter (or something crashes). A native fires…

Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen Under-Engineered Responsive Tables Under-Engineered Select Menus Under-Engineered Dependency Questions This post is not about nor a bunch of s roled-up into a listbox with aria-multiselectable. Both the APG examples and…

Tips based on WebAIM’s “Million” survey.

How does Rails make me feel like I have superpowers?

Discussing the 2022 migration of swyx.io to SvelteKit and GitHub Issues

Headings are the backbone of the content of a page. A visitor should be able to scan or navigate a webpage using headings to get a good impression of its content.

Ember Octane has landed along with a large number of new features, but none of these features is more exciting to me personally than autotracking. Autotracking is Ember's new reactivity system, which is what allows Ember to know when stateful values (such as @tracked properties) have changed. This was a

One of the main benefits of JavaScript is that it runs both in the browser and the server. As an engineer you need to master a single language and your skills…

Return? It never went away. Or at least that is what some smug "told you so" is going to say. But for...

For years, a trend in our industry has been to build single-page apps, or SPAs. With an SPA, the entire site or app lives in a single HTML file. After the initial load, everything about the app is handled with JavaScript. This is, in theory, supposed to result in web apps that feel as fast and snappy as native apps. Today, I want to explore why that’s nonsense. Let’s dig in!

Cascade layers introduce the new at-rule of @layer. The intent is to help CSS authors be more intentional about ordering the “layers” of CSS rules as a new method of cascade management.

Reactivity, or “reactive programming”, is one of those buzz words that has been thrown around a lot in the past decade or so. It has been applied to many different contexts, and is a very broad concept, so it can be hard to try to distill down exactly what it means. But, I’m going to try 😄

Svelte is a new style of framework for building sites and apps. Let's dive into what makes it different, why it's so enjoyable, and how it's able to ship such tiny, fast apps.

A lightweight commenting system using GitHub issues.