Blog
JavaScript Snippet – Unicode Emoji As A Favicon
Would you like to learn how to easily set a unicode emoji as a favicon on any web page with a few lines of JavaScript? Check out this short video! Here is the GitHub Gist:
Blog
JavaScript – Create Gradient Image Using Canvas
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…
Blog
JavaScript – Use Canvas To Watermark Images
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…
Blog
JavaScript Snippet – Get Video Frame As An Image
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…
Blog
Canvas – Making A Simple Logo
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…
Blog
Canvas – Animating Pacman Head In JavaScript
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…
Blog
JavaScript – Simple Star On Canvas
The first thing that I programmed on was a Casio fx-7400G PLUS (graphing calculator). Though very simple, it helped me get the basics down. One of the first programs that I made was one that would take a number and then draw a star with that many sides. Today, I Read more…