Senior Front End Developer with 8 years commercial experience. Strong emphasis on creating portable components and consistent development environments to ease team collaboration. Big fan of OOCSS architectures and MVC JS frameworks, plus using pre-processors and build scripts for automating production output.
Bootstrap, SASS, SMACSS, Handlebars, AngularJS, jQuery, GruntJS, NodeJS, Bower, Yeoman, RequireJS, TypeScript, EaselJS, Compass, CSS3 animations, GIT & SVN.
A microsite for a new Dan Murphy’s rewards program. Used a responsive/adaptive approach, where the same code base was used, but with Sass variables, rather than Media queries, and GruntJS configurations to output separately optimised Mobile and Desktop sites, but maintain them as one.
Tools used: Bootstrap, jQuery, GruntJS, Sass, RequireJS, Handlebars, Jasmine, ParsleyJS, LoDash, GSAP.www.danmurphys.com.au/dm/mydanmurphys/home.jsp
This was an a bit of a personal experiment using CSS transitions, animations, SVGs and forgiving touch gestures that 1-2 years old could manage. Tools used were AngularJS, RequireJS, HammerJS, Google Maps API, GruntJS, Bower, Sass, Compass sprites and SMACSS. Optimised for iOS and desktop at the moment. Android and Windows Phone still need some love.www.sunshinefdc.com.au
This project uses Compass sprites for it’s animation frames and icons, a custom Brightcove video player, plus HTML bg videos, with Flash fallbacks, using the library ‘Media Element’. Also staggers loading of assets using PreloadJS.
Tools used: jQuery, RequireJS, GruntJS, Sass, Compass sprites, plus PreloadJS & Media Element libraries.www.toyota.com.au/rav4
My second AngularJS project, and largely based on code from previous project "AFL My Legendary Moment", this was a competition that allowed users to upload image, video and text content directly to S3 buckets. Also written in AngularJS was the moderation dashboard, where the client was able to approve, reject and organise entries. Competition is no longer running, so you can't use the entry form any more, but you can still view the user generated entries.
Tools used: AngularJS, Angular Bootstrap UI (pagination), RequireJS, Plupload / Moxie, jQuery, GruntJS, Bower, Yeoman, Sass, Compass sprites, AWS S3.www.toyota.com.au/corolla/goodtimes
My first AngularJS project, this was a competition that allowed users to upload video and text content to StackMob. Also written in AngularJS was the moderation dashboard, where the client was able to approve, reject and organise entries.
Tools used: AngularJS, RequireJS, Plupload / Moxie, jQuery, GruntJS, Bower, Sass, Compass sprites, StackMob. Competition is no longer running, so you can't use the entry form any more, but you can still view the user generated ‘videos’.www.toyota.com.au/afl/mylegendarymoment
A bit of an old project, but one of my favourites. Working in a team of 3 Flash Developers, we created an Adobe AIR game that runs on iPads and Android tablets. The game targets kids up to 5 years old and features a ‘Hide and Seek’, ‘Colouring In’ and a ‘Jigsaw Puzzle’ game, along with interactive menus and locally savable games. ActionScript is pretty much a dead language now, but at time AIR was a great way to publish to mobile devices and desktops with a single code-base. Was great fun to develop!App Store