Posts Categorized: Uncategorised

Developer Tools on BrowserStack devices

Recently I was asked to look into a pair of issues that could be seen in a live environment but not in test. After a bit of further investigation we discovered it could be replicated but only using BrowserStack, and only in their Simulators, not physical devices. This was a bit of a problem as… Read more »

Serving SSI content with Grunt and Connect

Having recently tried to search for the answer to this question, and found that one guy had partially answered the question on every post, here’s how to serve SSI / SHTML content through Grunt and Express. The Grunt Task Pretty straight forward, add connect with a server. Change the port and hostname as per your… Read more »

Circular Animation

Circles are prettier than than straight lines, that’s basically fact. This quick script places and rotates items around a central point. This was going to be the basis of a contextual menu, I’ve gone off the idea but since I’d already wrote the basic code! Circular animation script

JavaScript patterns. Closures, jQuery plugins

I’ve been re-writing a lot of JavaScript recently, as part of a move from Prototype to jQuery, and it’s given me a great chance to concentrate on how it’s written rather than what’s written. Carousel implementation Plugins are a major plus in jQuery, but they’re not suited to everything. A plugin is called to act… Read more »

Implementing 3D Secure

3D Secure (3DS) is an authorisation step that can be added to a purchase journey, it’s aim to avoid card fraud by asking for additional security information. There has been lots of discussion/criticism around it’s implementation, my aim in this post is not about these issues but about how to actually implement it. The 3DS… Read more »

IE bugs I didn’t know about yesterday

Internet explorer has many differences from the other browsers, and many bugs besides, today I ran into two more. iframe with height:0 still leaves space in IE8 On the site I’ve been working on there is third party tracking, using an iframe. Since we need this to remain invisible, so as to not leave gaps,… Read more »

Canvas image animations

In this example I’m using Canvas to replace Flash as a means to display and animate a pseudo 3D phone. I create an image element for each frame of the animation and apply a handler for it’s load event. As each image loads it is added to the list of frames, and if it’s… Read more »

HTML Canvas – Forget any Flash basics you know

There is lots of noise at the moment around HTML 5, and Canvas is a big part of that. You may expect the Canvas element to be a straight replacement for Flash, but it’s lacking that level of abstraction present in Flash. The name canvas is literal, the element only acts as a painting area,… Read more »

WAI-ARIA

WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications) allows web pages (or portions of pages) to declare themselves as applications rather than as static documents, by adding role, property, and state information to dynamic web applications. ARIA is intended for use by developers of web applications, web browsers, assistive technologies, and accessibility evaluation tools… Read more »

Canvas element

Background. The Canvas element “is a new HTML element which can be used to draw graphics using scripting”. Simple shapes, curves, gradients, transformations and animations are possible with Canvas. Early days. I love the idea, but the implementation seems sketchy right now. It’s not in IE but also there is no support for writing text… Read more »