View Transitions vs. CSS Transitions
I’ve made CSS transitions for years. This article shows you what changes when the browser does the coordinating instead. Also where we are…
#javascript
12 posts
2026
Accessibility Law World Map
Shows the clickable map and details on the right. Not for legal advice. Study aide for CPACC exam An interactive map showing which…
10 TypeScript Patterns That Make Code Explain Itself
Comments rot. Types don’t - the compiler checks them on every build. The best comment you’ll ever write is the one you skip, because the…
2023
Automatically generate skip buttons to improve accessibility
Another common accessibility tool is the skip button. It comes in different forms. It would sometimes be smartly included in the design or hidden until needed.
Five common Javascript mistakes I am guilty of
Errors in code are normal. That is why we have a whole branch of the IT industry dedicated to quality assurance and testing. Javascript is the easiest programming language to learn, but it is also the easiest to get wrong. Javascript is a very forgiving programming language. As a result, Javascript code can be prone to errors.
2022
Rock-Paper-Scissors-Lizard-Spock Game
I am a big Big Bang Theory fan. So is my wife. Her absolute favorite character is Sheldon Cooper. In one of the episodes Sheldon proposed an improved version of the rock-paper-scissors game. This version extends the possible moves to five(5). The additional two options would increase the possibility of win chances as it minimizes the chance of both players picking the same move.
Creating My Animated Bottom Bar Experiment
I wanted to see how much we can do with CSS transitions. No keyframe animations at all. Although you would have more control over the…
Mobile Pet Gallery
A CodePen challenge entry: a pet adoption gallery sized to a phone, with two views — a thumbnail grid and a full-bleed carousel — and a…
2015
BoxerJS
A lightweight jQuery plugin that turns links to images into quick inline previews. BoxerJS wraps image links so they open as fast previews…
2014
How To Make A Timer/Stopwatch Using AngularJS
I’ve got some leeway pushing Khrunus off the ground. I’ve always been successful using JavaScript’s timing functions but since Khrunus would primarily be built-in in AngularJS. I have to research a way to reuse my timing snippets into proper Angular code. To study, I built a simple angular app:
2009
Install Twitter Search Widget
When I started blogging again last September, I was delighted to get a template with built-in message polling to twitter. I played with it a bit and settled with the look you see at the right. I am not a prolific ‘twitterer’, but I love the whole concept of micropublishing.
NES on Javascript
Here’s something amazing for Javascript, your good-ole NES (Nintendo Entertainment System) games are now available and playable via Ben Firshman’s JSNES page. JSNES, is an NES emulator built on javascript’s canvas objects.