This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

html5

/html5

My latest project launched, The Solar Journey – An 3D interactive web adventure through the solar system

By | June 9th, 2016|Categories: css3, Game Development, html5, JavaScript, jQuery, Mobile Development, three.js, Web Development, WebGL|

After several months of on and off tinkering, I finally managed to pack up and ship my latest personal indie project. I present to you, The Solar Journey. It's an interactive 3D, web app which allows you to explore and learn about the solar system in a rich and exciting way. Built in Html/css and Javascript then [...]

An Introduction to the Web Audio API

By | October 24th, 2015|Categories: Game Development, html5, JavaScript, Mobile Development, Web Development|Tags: , , , |

If you have tried to build content for mobile web which requires audio, no doubt you have run into many issues. So called 'HTML5 audio' is not what it's cracked up to be, and was massively oversold by Apple (when it sought to destroy the flash browser plugin). When the dust settled we were left with [...]

Detecting device orientation change in javascript

By | September 28th, 2015|Categories: html5, JavaScript, Mobile Development, Web Development|

I've recently been getting stuck back into mobile app development in javascript. Being able to detect orientation change allows is really useful, It can be used to force users into a specific orientation by throwing up a notification panel saying "Please hold the device in landscape for this app". Such scenarios are particularly important when developing [...]

3D programming in HTML5 using three.js Canvas and WebGL – PART 1 creating a rotating cube

By | January 2nd, 2014|Categories: Game Development, html5, JavaScript, Mobile Development, three.js, Uncategorized, Web Development|

I have decided to start the new year by taking a closer look at 3D programming for the web via Canvas and WebGL. For those that don’t know, I am trained as a 3D modeler and animator, although I turned from those paths to focus on development. I now feel accomplished enough as a developer to turn [...]

Setup TypeScript on WebStorm IDE

By | May 10th, 2013|Categories: html5, JavaScript, Mobile Development, TypeScript, Uncategorized, Web Development|

In this post i will be walking through the process of setting up TypeScript on jetBrains WebStorm IDE. Step 1. Download and install the latest  TypeScript SDK from the microsoft website http://www.microsoft.com/en-us/download/details.aspx?id=34790 Step 2. If you haven’t already, download and install the WebStorm IDE from the Jet Brains website http://www.jetbrains.com/webstorm/ Step 3. Open Webstorm and select File > new [...]

jPlayer – a jQuery HTML5 Audio / Video Library

By | April 29th, 2013|Categories: html5, JavaScript, jQuery, Mobile Development, Web Development|

jPlayer is the completely free and open source (GPL/MIT) media library written in JavaScript. A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions Platforms and Browsers Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 OSX: Safari, [...]

jScrollPane – a nice jQuery plugin for custom scroll bars

By | April 29th, 2013|Categories: css3, html5, JavaScript, jQuery, Mobile Development, Web Development|

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head [...]