The <canvas> can be quite useful, especially if you want to modify how images look on your site. For example, if you want to make an image appear as a gradient starting at the top with an alpha of 0 and then linearly fading to the image’s full alpha value Read more…
Did you know that you can add a watermark to all of your images that are on the same domain as your site just using JavaScript? Thanks to the <canvas> we can modify images and present in various ways as if they were originally available that way all via JavaScript. Read more…
Lately I have dedicated a little more time to developing an electron app which saves a frame of every video it encounters as PNG images: Believe it or not the code to turn a frame of a video into an image element is not terribly complicated. Below is a simple Read more…
Making your web app toggle back and forth between full screen mode is a simple enough task as long as you do some feature testing. You can also use this handy function which will step through the 4 different feature tests: This code is based off of documentation found here Read more…
A few days ago while I was working on updating my resume I thought about ways to add my simple “CW” (short for Chris West of course) logo to it. At the time of writing this article I presented my logo on CWestify.com using CSS3: Leveraging the Canvas One great Read more…
If your browser supports <canvas> (which if it doesn’t you need to switch to a better one 😆 ) you can see a simple JavaScript animation: Image (with link) Canvas Drawing Pacman Drawing Pacman is quite a small task as you would imagine. It simply involves drawing a partial circle Read more…
Unicode now offers plenty of emojis that we can add to our code to show on our web pages or web applications. Below is quick-and-dirty emoji search I wrote based on this page from FileFormat.info:
A few days ago I was working on manipulating data that I found in Wikipedia. The data was in a table where the colspans and rowspans were making it difficult to simply programmatically pull data. Then I started looking into code to turn HTML table to JSON but for some Read more…
Now Available in YourJS Recently I was working on a function which needed to determine whether or not a string could be used as a variable name. Variable name validation can get tricky so instead of using a crazy regular expression which includes all keywords (which may change over time) Read more…
When allowing a user to input code that could potentially cause an infinite loop, it is nice to test the code first, right? Even, if the code doesn’t run infinitely, it would be nice to know if it takes longer than you would want. One way to nicely test for Read more…