Posts By: Mark

Adobe Edge Tutorial

Posted by & filed under Motion Graphic, Web Design.

Adobe Edge preview has recently been released on Adobe Labs and has had mixed reviews. Some people claim it is not truly HTML5 because the animation should be on the Canvas element. However others have pointed out that the canvas isn’t accessible. One of the crucial features of Edge, which I particularly like, is adding […]

Adobe CSS Regions Prototype tutorial for Web Designer magazine

Posted by & filed under Web Design.

Just finished writing my next tutorial for WebDesigner Issue 187. This issue my tutorial is focusing on a feature of CSS that has not yet made it into the standards so is not supported by browsers. To work with the technology you have to download the prototype from the Adobe Labs site. This will give […]

Mandali – mobile puzzle game prototype

Posted by & filed under Games.

I’m currently working on a mobile puzzle game as part of my Enterprise work with Bournemouth University. Mandali is a puzzle game that appears in the Radio Times in paper format every week, but the designer, Adrian Fisher Designs approached the University to turn the puzzle into an App. I am currently making a joint […]

Adobe Wallaby Tutorial

Posted by & filed under Motion Graphic, Web Design.

This tutorial was pitched to Web Designer Magazine to feature the new experimental technology ‘Wallaby’ available from the Adobe Labs website. Wallaby is a standalone piece of software which converts Flash animation into iOS friendly HTML5. Sadly it doesn’t yet work with ActionScript, however the ‘stop();’ command does work so you can achieve quite sophisticated […]

Flash Portfolio tutorial

Posted by & filed under Web Design.

This tutorial commissioned by Web Designer Magazine was to create a full Portfolio web site in Flash. The site is powered by dynamic data coming from a MySQL database with PHP converting the output into an XML string to make it easy for Flash to read. This make the site easy to update, which is […]

Sencha Touch Tutorial

Posted by & filed under Web Design.

This was an introductory tutorial to the Sencha Touch mobile framework for WebDesigner magazine. Sencha Touch is a javascript framework for creating mobile optimized content. It can be used in conjunction with PhoneGap to create native Apps for both iOS and Android. It is specifically good with Webkit based browsers and brings a native feel […]

CSS3 Media Queries Tutorial

Posted by & filed under Web Design.

Since the HTML5 update pack hit Dreamweaver CS5 there have been some great additions to multi screen authoring. Clicking the multiscreen button on the interface allows you to see a preview of differing device screens. This tutorial for Web Designer magazine, looks at authoring web pages with differing CSS style sheets using media queries to […]

jQuery Mobile Tutorial

Posted by & filed under Web Design.

jQuery Mobile Tutorial, form input

jQuery Mobile is officially awesome, or it will be when it gets out of alpha. It’s written with the same ethos as the regular JQuery – ‘Write less, do more’. Mobile development is incredibly fragmented with a variety of browsers and screen resolutions across devices. jQuery Mobile aims to bring a unified UI to all […]