Page 3

CSS Web Development

A LESS mixin for a transition with a prefixed transition-property

The most common mixin you will find in LESS for CSS3 transitions is something like the following: The proplem with this is that if you want to transition a property that requires a prefix such as transform: You will end up with: This is not what you want, you need to have the transition-property prefixed […]

January 9, 2015

Inspiration Motion Video

Nobody Tells This To Beginners

This little video by Saar Oz of Creavite has a great message and some fantastic animation – check it out below.

January 6, 2015

Javascript Web Development

Accessing command line arguments with Grunt

I needed to be able to set up a watch task with Grunt to only watch a specific client sub directory. This directory would change depending on the client I was working on and new clients were constantly added so I need a way to watch the specific client that I was working on only, […]

September 23, 2014

Javascript

Local AJAX calls with IE11

Here is a little snippet to get local AJAX (with jQuery) working when running content locally in IE 11. Local content is not allowed to use the XMLHttpRequest but it can use the proprietary ActiveXObject, so this tells jQuery to always use the ActiveXObject if it’s available. I needed to use this to run local […]

June 12, 2014

Storyline

Creating a dynamic progress bar in Storyline

Disclaimer: The techniques in this article access areas of the Storyline JavaScript output which are neither documented nor officially supported. Have you ever tried to implement a custom progress bar in your Storyline projects? If you have, then you will be aware of the difficulty of implementing such a feature. It usually involves setting up […]

March 26, 2014

CSS Experiments HTML

Slide transition effects with CSS

Here are some slide transition experiments I created using CSS. View Demo You can view the source of the demos to see how they were made. They have all been tested and work in all the latest browsers – Chrome, Firefox, IE 10+. There are 6 in total: Card fall Card fall forward Carousel 3D […]

March 3, 2014

Accessibility

A great talk on web accessibility

I found this talk on web accessibility which goes through some tips and techniques to make life easier for people with various disabilities such as visual and hearing impairments and reduced motor skills.

Experiments Interactive Javascript UI

Javascript voice control

Since Chrome 25 we have had access to the new Web Speech API which allows us to create web apps that can utilse voice to text or voice control with a microphone. I have been wanting to experiment with this for quite a while so I built simple example to using voice commands to control […]

March 2, 2014

Inspiration Motion Video

Inspiring Inspiration #14

A collection of cool video, motion graphics and interface design, mostly if not all from Vimeo…

March 1, 2014

ActionScript Interactive Javascript UI

Creating a mathematical colour picker

The most common technique for creating a colour picker (at least in the ActionScript world) seems to use a colour wheel bitmap and then getting the colour of the pixel that was clicked on. I found that this was not a very accurate way to go about it and decided to build a colour picker […]

February 28, 2014

Storyline

Storyline – a tip to ensure your users’ progression is saved

If you are building a long activity in Articulate Storyline then you might want to take some steps to ensure that your users’ progression is saved in the event that their internet connection drops or their session times out. On SCORM compliant LMSs you can call the equivalent ‘commit’ function to push all SCORM data […]

Web Development

Happy New Year!

Well it’s now 2014 and it’s looking to be a great year. I have a trip to Canada planned which will be exciting. I bought a new camera just before Christmas – a Sony A7R – which I am loving so far. I can’t wait to take it over to Canada. I am hoping the […]

January 1, 2014