Blog
ES6 – Convert To Integer
There are various ways to convert a string or a floating point number to an integer in JavaScript, but not all of them may suit your needs. In this post we will examine four different ways and then we will Read more…
Blog
CSS – Local File System Paths On Windows
When working with Windows you probably have noticed that local file paths use the backslash as the path separator. Although this is the case, even on Windows, in CSS you can use the forward-slash as a path separator to reference Read more…
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 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 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 Read more…
Blog
JavaScript Snippet – toggleFullscreen()
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 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 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 Read more…
Blog
My Interactive Resume – Part 1
Here is my first quick pass at an online resume: http://CWestify.com/resume/ There are plenty of times when we want to add everything to our resume to let potential employers know our worth but it can be difficult to know how Read more…
Blog
Emoji Search
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: