About Me

For the past thirteen years I have worked as a freelance contractor in London in the field of front end web development with core skills of JavaScript, HTML and CSS. Prior to that I worked in the multimedia industry for 15 years and have a wealth of experience in CD-ROM programming, video encoding and DVD authoring. Have led small teams of programmers and won awards for instructional multimedia CD-ROMs.

CVs

Long CV -  Short CV -  HTML

The HTML link above is a demonstration of storing data in XML format and modifying its appearance using XSL so that it looks like the Word version, but in the HTML format.

LinkedIn profile

Contact

Email: Mark
Mobile: 07731 471 284

Availability

Working on a contract until 19^th October 2018.

About the Creation of this Website

After attending a four-day training course on AngularJS (version 1), I decided it was time to completely overhaul my portfolio website which I first started in 2008. To replace the server side includes (to stop having repeated code) I used Angular's partials. I have a history of over 70 contracts which I want visitors to see but not cause the web page to be unnecessarily delayed in plotting. So I decided to plot just the first four on page load and then use infiniteScroll (an AngularJS plugin) to keep adding more contracts as the user scrolls down to the bottom of the page.

April 2018 update - added the small animation library AOS (Animate on Scroll) https://github.com/michalsnik/aos. There are a multitude of animation styles and I apply these in a random manner to each contract to show off the variety of animation styles.

Past Projects

• www.mark3music.co.uk - A website to show off the music that I have composed with two friends. A mixture of the HTML5 audio tag and object oriented JavaScript is used to play the MP3 files. Bootstrap for modifying the view on mobile and tablets.
• Carousel Demonstrator - Plotting my contract data from out of a JSON file using AngularJS into a list form and then using object oriented JS to make an accessible carousel of the list.
• AngularJS Table - A coding exercise using AngularJS to show how a table can be re-ordered alphabetically on a column or filtered by a search term. The table data comes from a JSON file.
• Google Map Exercise - A coding exercise to show how XML can be used to plot the location of my past contracts.
• Google Map Exercise version 2 - This time the data is in the JSON format and the shell is AngularJS.
• Key Changer - A tool for guitarists, set the chords you currently have for a song, click on the plus or minus buttons to see how they would change.
• Rocketscience - A design collective. There are two versions of the website, one made with Flash by Frank Minogue, the other made with HTML by me.
• Oasis Television - A post production company. Oasis Television was where I held the post of Head of Multimedia. This project started with a designer using just Flash to design the entire website. After pointing out to the directors their obligation to disabled users I agreed to create a mirror site that would mimic the Flash design using just DHTML, CSS and JavaScript. Run your mouse along the list of facilities to see the drop down menus appear. Only a small section has been done. Select Graphics then 2D Illusion. Click on the Feather Boy image and then the two bottom left images.

Web Technologies

• AngularJS
• JavaScript, ES6
• jQuery
• Dojo
• XUI
• AJAX
• HTML4 & 5
• CSS2 & 3
• SASS
• Bootstrap
• JSON
• VBScript
• ASP
• PHP
• Perl
• XML
• XSLT
• XSL-FO

Web Dev. Techniques

• Semantic HTML
• Accessibility
• Search Engine Optimisation
• Progressive enhancement / Graceful degradation
• Hand coded script
• Cross browser testing
• Responsive web coding

Web Dev. Tools

• Rational Application Developer (Eclipse)
• Sublime Text 3
• Atom
• Adobe Dreamweaver
• Microsoft Visual Studio 2008
• Notepad++
• CSE HTML Validator
• e-Campaign
• SourceTree - a GUI for Git
• TortoiseSVN / TortoiseGit
• Visual SourceSafe
• CVS
• Subversion / SVN
• Beyond Compare
• Mantis Bug Tracker
• JIRA bug tracking system
• Bugzilla bug tracking system
• FileZilla - FTP
• XAMPP - web server
• EpiServer - CMS
• Kentico - CMS
• WordPress - CMS
• Grunt
• Gulp

Multimedia Toolkit

Ethics

A set of standards that I adhere to.

Coding Tests

• IKM test on HTML5 - Score:86%. Percentile:73%.
• Aquent Gymnasium - Responsive Web Design course - assessment test score 96%.
• Brainbench test in CSS2 - Attained top 10 percentile.
• A list of the coding tests that I have done in the past.

Useful links

• How to code HTML emails
• Compare point size with px size
• Online utility to convert French text to Unicode