Richard Hallows

I co-created, with a UX Designer, the Barnardo’s Design System. It is a set of principles, guidance and example implementations to help other designers and developers build accessible and usable digital products for Barnardo’s.

The website is built using Gatsby, a static site generator powered by React.

design-system.barnardos.org.uk

I co-created stylelint, a modern CSS linter. Built on top of PostCSS and written for Node.js. It has over 150 built-in rules for linting stylesheets. It’s used by companies worldwide, including GitHub and Facebook.

I co-built the stylelint website using Phenomic, a static site generator based on the React and Webpack.

stylelint.io

I implemented, at Stink Digital for Google Creative Lab, the CSS architecture and build-system for the Inside Abbey Road experience using PostCSS, SUIT CSS and gulp.

I also led the HTML and CSS development for the editorial content within the experience.

Webby Award Winner & FWA Site of the Month

insideabbeyroad.withgoogle.com

I provided consultancy to Rez Interactive for the CSS architecture of Sargent Disc’s suite of webapps.

I co-built a design system of Angular components, built using CSS Modules, PostCSS and Webpack.

digitalproductionoffice.com

I led the development of the HTML and CSS, using SMACSS and BEM notation, for Mentos’ Fresh Filter responsive website at Stink Digital for BBH London.

I used progressive enhancement techniques to ensure the site adapted well to differences in resolution, screen size, input type, network speed and device speed.

FWA Site of the Day

Offline

I developed the responsive interface for Geox’s Amphibiox website using stylus, HTML and JavaScript, at Stink Digital for SMFB.

I unobtrusively incorporated resizeable Flash-based interactive video content so it was available on as many browsers and devices as possible.

Cannes CyberLions & FWA Site of the Day

Offline