Currently browsing JavaScript

Wednesday, January 18, 2023

Canvas: Inserting Images and Text

You can optimize text input by storing the desired text in an image file and then displaying it on the…

Wednesday, January 18, 2023

Canvas: Shadows and Gradient Fill

This is a Canvas programming introductory series: So far, we’ve been using solid colors to draw and fill elements on…

Wednesday, January 18, 2023

Canvas: Transforms and Transparency

Transform is a drawing technique that allows you to move the coordinate system of the Canvas using JavaScript.

Wednesday, January 18, 2023

Canvas: An Awesome Introduction

The ID attribute gives this Canvas the unique name required for it to be identified by JavaScript code and set…

Friday, June 3, 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, June 3, 2022

JavaScript shortcuts for TRUE and FALSE

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

Thursday, January 26, 2023

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…

Monday, May 16, 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…

Friday, May 20, 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, May 23, 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, May 23, 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…