I believe in: separation of concerns, progressive enhancement, semantic markup, inclusive design, test driven development, user experience, designing for change and lifetime learning.
Likes: | javascript php backbone.js jira gruntjs gulp zend-framework git node.js mocha phpunit chai html css sass laravel webpack docker jquery zend-framework3 groovy jenkins laminas vue.js |
Dislikes: | java .net c# |
Continued to work remotely, overseeing website and application development and design with a focus on accessibility.
Overseeing and working on website development and design, internally facing as well as external.
Work experience placement, hired to design and develop multimedia for the organisation, including processing/digitising the large video archive.
Ended up overseeing computer systems, most of the printed media and website.
Towards the end of the placement I was placed in charge of managing the small sculpture gallery in London's Fitzrovia.
Website design for local companies, using html4 (with tables), photoshop graphics/lettering and flash.
Computer maintenance and training, building new computers for sale, wiring networks etc.
Learned more about creating multimedia, such as video, websites, 3d graphics and traditional design.
Achieved 1st class honours (and professional development) degree.
Fork of EvanDotPro/EdpSuperluminal performance module. The module is updated to work with Zend Framework 3, removing support for older versions.
Added a Google AMP complaint output for roughly 8,000 articles published in the Imperial News system.
The article content is stored as HTML, so this required several layers of translation to find and convert tags and components to their amp-compatible equivalents.
The ImageTool laravel application replaced some ad hoc php scripts used for automatically resampling images for the College website and other products (News, Events, Academic profiles, etc).
The legacy scripts had grown organically for over 10 years with features being added when required. This, coupled with the complete lack of unit tests, meant they were a liability and refactoring was a serious risk.
This application was designed to replace the backend image processing with a simple, structured API. Support for the legacy frontend scripts was maintained using an translating interface so old API requests are translated into new ones and new responses are translated to old ones.
In addition to the seamless replacement, the application also provided new output, by default resampling users images into various resolutions for responsive images and both jpeg and webp formats. This allowed the existing image tags on the College website to be gradually replaced with picture tags with multiple sources.
The iMediaClassic application was designed and built to be a read-only replacement for the legacy iMedia video system from 2010.
The application allows any embedded video in the site from the legacy system to continue working with no modifications and for users to easily download the resampled or original copies of videos uploaded between 2010 and 2019.
It removes the requirement for the complicated relational database by dumping the key entries as json which is then used as a flat data source for the application.
Launching this application allowed the old iMedia system to be decommissioned.
As part of the WordPress Events Theme, this plugin enabled the College's internal image cropping tool to be used within WordPress. It is designed to be reusable in other WordPress projects, hence separate from the theme. The tool is loaded in an iframe, data is passed back to the main page and stored against the post id, either in an ACF field or standard meta depending on the plugin configuration.
This is the main theme, providing heavy customisation of the WordPress experience for editors as well as REST API endpoints to use the system as a headless data service.
The theme also provides integration with our internal image cropping tool.
EventsView is a ZF3 PHP application which acts as middleware between the front-end website and the api. The main aim of the application is to provide server-side rendering and caching of html for output on the College website. In addition it also provides a consistent, source-independent API for events, as well as iCal downloads, RSS feeds and legacy integrations.
The application is built in two seperate modules, one for handing the templating and one for transforming the source API call(s) into a consistent form. It was designed this way to make changing the headless CMS used for events as easy as possible, this then happened mid-way into the development process.
SearchView is a ZF3 PHP application which acts as an intermediary between the site and Google Custom Search Engine. Its main task is to return semantic HTML for search results, using the CSE API, caching the results to limit the number of duplicated API requests. In addition to this it also mimics the XML output of the depreciated Google Search Appliance for integration with legacy applications.
The application is built in two separate modules, one for templating and another for handling the custom search engine response. Should we need to switch to a different search provider, this enables us to simply replace the CSE module with another interface without needing to touch the output side.
An automated system for performing screenshot tests in multiple browsers using crossbrowsertesting.
When a feature branch is merged to the development branch or testing branch, a process is triggered by Jenkins to spin up a docker container which automatically sends sequential requests to CBT to request screenshots of important web pages in various browsers.
Once this process is complete, a report is generated and emailed to anyone who contributed to the feature branch, as well as senior devs.
This allows us to do a quick sense check when modifying any styling, to make sure we haven't created issues in an old supported browser or device.
Created a re-usable module for inclusion in various PHP applications, to protect against unstable API endpoints.
The module acts as a proxy for all application API requests, taking a cache of the successful response. Should the source API become slow or unreachable, the module returns the cached response.
A client-side application to interface with a legacy Java application providing HTML and minimal JSON to allow editors to create and manage news stories.
The application provides a dashboard to give administrator access for taxonomy, feed management and page layout, as well as individual editor access to create and edit stories in a simple stepped interface.
It allows for scheduling for embargoed stories and provides feedback on the editor's article using Flesch–Kincaid readability scores.
As part of a larger migration project, this application was designed to separate the view and templating from the api for News.
This application also handles the authentication between the various components that make up News using JWT/LDAP.
Instead of a single application providing API and HTML output, this application deals specifically with the caching and HTML output, interfacing with the old API to retrieve content.
Technical lead for the new Imperial Jobs site to work seamlessly with the college website.
This included specification of API to be built to interface with purchased recruitment system, as well as design and build. In addition to championing the approach used to guarantee good design and accessibility in line with the rest of the site.
Design direction for Imperial Blogs and Imperial Student Blogs.
The key drive with these was to focus on the content, allowing the design to become invisible.
A drag and drop interface for creating consistent, responsive, HTML emails sent out via internal exchange relay.
A custom module to allow for curation of the stories displayed across the college website header.
The interface allows the editor to choose stories through drag/drop to display or run on automatic mode based on when stories which match a criteria are released by the News team.
It also contains statistics showing how many impressions each story has been present for, and the balance between the colleges main categories (general, science, health, business, engineering).
Research publications are provided by a Java JSON/HTML API. These needed to be integrated seamlessly into TerminalFour cms for the college website, the personal web page Java application and the old Oracle Portal CMS for legacy pages.
The end result was a jQuery plugin which uses the API asynchronously with an integration which allows for the application to be used without javascript.
The integration also featured modular styling with a central core, then custom additions for each output file for the three content management systems.
Designed as a low-bandwidth method to serve a hierarchical mobile menu system for upwards of 60,000 pages.
This is a zf2 module which reads, caches a json output of the entire website structure and allows the user to request a small portion of it. The user requests data from an arbitrary starting point in the tree and the module returns the requested number of parent or child nodes, with or without siblings.
Design and build of a wysiwyg editor for the Imperial personal website pages; automatically generated for all staff.
A standalone caching HTML API to return News and Events stories from RSS feeds provided by legacy systems.
This was designed to be as automatic as possible, changing design based on the number of stories available in a feed, the template it will be output on, as well as the editor priority to display more News or Events.
Technical lead on the redesign implementation for the College's new website.
Working with Domain7 on design and TerminalFour CMS implementation.
This is a zf2 module designed to provide custom cached asset (script/style) bundles dependent on configurable request parameters, such as requesting page, user-agent or cookie data.
Build of a single unified jQuery plugin to use on various college properties to display video from YouTube, Vimeo, Panopto and the college video service (supporting 4 legacy formats).
This was my first project when joining the team. The product was about 90% complete, but was missing some key functionality required by the News team.
The code was largely un-documented and un-commented, and had no unit tests.
Added a bolt-on CMS for an existing events company website to allow the propriators to have control over content, news and events.
An electronic point of sale for the visitor gallery at the Cass Sculpture Foundation.
Designed to be very simple to use as well as fast, it was a ajax website running from a central LAMP stack of products/prices.
Website design for Innovative Glass Products ltd, exploring new forms of glass manufacture.
Website for glass artist Nikki Cass, including lightbox gallery of works.
The site was updated to be responsive in 2015.
I was chosen as one of the top students in the course to help build the department website over the summer break. Working in a team of three, my main task was finding and generating content for the site.
Website design for a partnership of trichologists in Manchester, UK.
A longer website design project for a chamber of barristers in London.
Included a flash image of their offices, which slowly faded through night and day as well as details on every member.
Flash and HTML website for local company to showcase their hair products. Website included a latest news ticker and substantial knowledge base about hair.
Website design for a local property development company. Included flash introduction page.
Website for local taxi firm, complete with online form for booking a taxi in advance.
Website design for the company I was working for, included html and flash versions of the site. The flash version even had background audio.
Website design for a local property letting agent. Included regularly updating section listing available properties.
Implemented Jenkins on a team server to help with deploying assets to development servers via samba.
This grew into the main system to deploy our teams assets and applications to development, testing and live environments via ssh and samba, running automated tests to reduce the chance of regression.
This later provided an example for other teams within the organisation and the ICT department to implement continuous delivery as a way of working.
iBook version of the published 'Here Comes Mr. Cass' book.
This book was unique in that it uses the iPad orientation to display a picture book in landscape view and a text book in portrait.
Biography of the founder of Cass Sculpture Foundation.
Designed in collaboration with Mervyn Kurlansky, I was in-charge of production.
An iBook version of the '20 Years of Commissioning Large-scale Sculpture' publication.
This is a book showing many of the sculpture commissions of the last twenty years of the Cass Sculpture Foundation, also containing a detailed description of each work and artists biography.
I Worked on production and photography for this large compendium of monumental sculpture. Designed in collaboration with Mervyn Kurlansky (formerly of Pentagram).
Managed and oversaw the installation of a monumental sculpture in the courtyard of the Royal Academy of Arts, London.
Oversaw a large scale sculpture exhibiton in London's Belgrave Square and Wilton Crescent. This involved transportation, installation and photography of 15 sculptures.
I curated the special exhibition at Art London 2007, this included choosing the works on display, as well as managing their shipping, installation.
Works on display included several large outdoor sculptures as well as original drawings and smaller maquettes.
The wayback machine captured the second version of my first website, optimised for Internet Explorer 3.
Real shame it is missing the midi background 'music' and animated flame gifs.
First Computer: | IBM 8086 |
Favorite Editor: | VSCode |