Mastering HTML5 Canvas with this free Cheat Sheet

By John Negoita on Monday, March 13th, 2017 in HTML5. No Comments

Have you ever dreamed of being able to create original and intricate illustrations using nothing but HTML code? Well now, Web Developers and coding enthusiasts can now unleash their inner artist with HTML5. Thanks to advances in technology, HTML5 can create basic 2D images but also more complex animations through scripting and the component called the HTML5 canvas. Are you not familiar with all the features of HTML5 canvas? No problem! Our friends from skilled.co released a guide to help you master this specific coding tool. It might sound a bit intimidating, but the HTML5 canvas cheat sheet they are offering is easy …


Create dynamic canvas image backgrounds websites with HTML5 canvas

By John Negoita on Tuesday, November 5th, 2013 in HTML5, Javascript, Web design. 8 Comments

Dynamic background image with CSS and an HTML5 canvas. In this post you will find the JavaScript source code used to create a dynamic background for your website. HTML5 canvas drawing basics Wouldn’t it be nice if you could create a dynamic canvas image background for your website only by writing a few lines of code? If your answer is yes, then please read on. HTML5’s canvas offers the possibility of drawing and then exporting the result as inline image information. So, in this post I will show you how you can get from an HTML5 canvas to a background …


HTML5 responsive web design visual tools

By John Negoita on Wednesday, October 23rd, 2013 in HTML5, Web design. No Comments

Though we all like to write code, it is very nice and useful if we have good tools for visually designing websites that automatically create code from a visual design. With the appearance of HTML5 and concepts like responsive design came the need for a visual design tool that will fit the bill. Here are a few tools that allow you to create HTML5 responsive web design websites. Google Web Designer Google launched in September 2013 the Beta version of Google Web Designer tool. It’s a design tool with which you can viasually design HTML5 interfaces. You can download the tool for …