Currently browsing JavaScript

Tuesday, April 12, 2022

Canvas: Inserting Images and Text

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: Shadows and Gradient Fill

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: Transforms and Transparency

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Tuesday, April 12, 2022

Canvas: An Awesome Introduction

This is a Canvas programming introductory series: Canvas Part 1: Introduction Canvas Part 2: Transforms and Transparency Canvas Part 3:…

Monday, April 11, 2022

How to create a simple JavaScript percentage graph (or chart)

This small JavaScript snippet creates percentage graphs out of raw (array) data. Just input the name/value pairs of the involved…

Friday, April 8, 2022

JavaScript shortcuts for TRUE and FALSE

Here’s a neat trick if you’re into micro-optimization. JavaScript compressors and minifers are used to make JavaScript code smaller and,…

Thursday, April 7, 2022

How to create time constants in JavaScript in a performant way

A recent project of mine required time constants, and instead of opting for an additional library for just 10 or…

Thursday, March 31, 2022

How to create a minimal JavaScript slider with CSS transitions

A JavaScript Slider in 8 Lines In this post we’ll build a minimal JavaScript slider, with no dependencies. The smallest,…

Thursday, March 24, 2022

Canvas: Strange, Creepy Cables

A while ago I was playing with some basic trees drawn in Canvas using JavaScript. The longer I played, the…

Thursday, March 24, 2022

Canvas: Pathfinding

Breadth First Search (BFS) Algorythm Breadth First Search (BFS) is an algorithm for traversing an unweighted Graph or a Tree. BFS…

Monday, March 21, 2022

Canvas: Circles & Optical Illusions

Here is another experiment in my Canvas series. This time, I have 2 sets of circles being generated, one set…

Monday, March 21, 2022

Canvas: 2D Waves

This is the second Canvas visualization I’m experimenting with. The first one was a Julia fractal animation. Here’s some simple…