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...
Here’s the deal: Plain text is dull. Sure, you can make a text more interesting by changing the text color or choosing a fancy font face (for example, check out this list on MockoFun with +50 free Christmas fonts that you can use online). But, what if you want more? You can easily make text...
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...
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...
What is a Custom HTML Tag? A custom HTML tag is a tag that is not part of the standard set of HTML tags. What is cool is that you can instruct the browser to recognize and display custom HTML tags. Let’s see how. Can You Create Your Own Tags in HTML? When using HTML...