Chrome has made a change that causes the canvas content to not render when the tab with the canvas becomes inactive. Here are possible solutions. I’m using Chrome 125.0.6422.78 and the problem still persists in this version. Chrome Canvas Not Rendering In Inactive Or Hidden Tabs When a tab with a canvas is minimized, switched...
So you did an excellent job with your website’s subscription or contact forms, collecting 100k email addresses from your visitors. Now it’s time to get in touch with them. Maybe you want to do a marketing campaign for one of your products. Maybe you want to invite them to a webinar. Sending a single email...
In this article I will share the CSS & JS code to generate circle text from a HTML text element. This technique makes a span element for each letter and rotates it slightly. You can generate a circle text by adjusting the font site and circle radius. Similar techniques have been implemented in online web...
In this tutorial I will show you how to draw a line pattern using JavaScript and the HTML5 canvas. Drawing with HTML5 canvas is not too difficult and it only requires some basic HTML and JavaScript knowledge. At the end of this tutorial you know how to do simple drawing using HTML5 canvas and JavaScript and how...
Web applications often make use of dynamic views. These require some JavaScript skills usually and I think that one of the most common use of JavaScript for web apps with dynamic views is the AJAX asynchronous call. With AJAX one is able to load data within a page without having to reload the whole page...
In this post I will discuss how to create a simple pie chart using 3 popular libraries: D3, Google charts and Infographic Charts library. I will be looking at the pros and cons for pie chart created with each library. We will try to use the libraries such that the end result looks as similar...
So, in Angular JS animation examples part 1 we saw how to setup everything needed for Angular JS animations. We also saw a few simple examples of how Angular JS animations work. In this tutorial we will build on top of the previous examples and see some more advanced AngularJS animation examples. Showing and hiding elements...
Web apps look better with animations. If you want to start off quickly with simple animation just read my 5 min tutorial on CSS animations. In real life however you will probably have to integrate animations in applications a bit more complex like for example an Angular JS application. In this post I will try to...
Javascript functions this reference When working with Javascript functions this refers the current object, which depends on the context of the function. For example if you have a top level function, then this references window, if the function is defined in an object, then this will reference the object instance, while if the function implements an event handler,...
The Infographic Charts and Graph Tags library developed by coding-dude.com (hey, that’s me) kicked as quite a success. I’ve received very positive feedback from the users and also a few very interesting feature requests. Therefore I decided to include these feature requests and release it as version 1.0.1. This version has just been submitted and...