The portfolio of front end developer Mike Byrne

I'm fortunate to say that during the course of my career you have seen my work online.
I have 25 years experience of building design systems, improving design and development processes and helping teams to do their best work. I focus on practical solutions, accessibility, adaptability and ensuring clients and projects have successful outcomes.

Primary skills:

FE processes and architecture
Codifying design language
CSS, SCSS and Tailwind
HTML, xHTML and HTML5
JavaScript
Accessibility
Browser performance and compatibility

Experience with:

JSON, XML and SVG
Webpack, NPM, Gulp and Grunt
Vue.js, PHP, Node.js and Git
Mentoring, presenting and teaching
Localisation and internationalisation
UI and UX
SEO

Open Source Projects

Parse Numeric Date
Micro library to parse numeric based date inputs.
GitHub
A17 Behaviors
JavaScript framework to attach JavaScript events and interactions to DOM Nodes.
GitHub
HTML4CSS
A default CSS file to give unsupported browsers something other than a totally broken experience of the web.
GitHub
A17 Tailwind Plugins
A series of Tailwind plugins to enable/encourage systematised web design/development and some other useful utility classes.
GitHub
A17 SCSS Utilities
A series of plugins to enable/encourage systematised web design/development and some other useful utility classes.
GitHub
A17 JS Helpers
A JavaScript helper package.
GitHub
A17 Generator
A17 Generator is used to quickly install A17 FE libraries.
GitHub
Twill
Twill is an open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible.
GitHub

See all open source contributions on GitHub.com

CodePens

Animated CSS gradients (using CSS only)
CodePen
Fluid flowing SVG SMIL animation
As used on Wyss
CodePen
Kaleidoscope canvas image grid
As used on Celine
CodePen
SVG animated weather icons
As used on time.area17.com
CodePen

See all my CodePens on codepen.com

Engagements

Harvard University Press
November 2023
AREA 17
Visit
Accor: Food and Beverage
August 2023
AREA 17
Van Cleef & Arpels: Open Event
July 2023
AREA 17
Neri Oxman
May 2022
AREA 17
Visit
US Chamber of Commerce
🏆
October 2021
AREA 17
Visit
Hudson: Covid Timeline
July 2021
AREA 17
Accor: Extended Stay
October 2020
AREA 17
Media Election
September 2020
AREA 17
The New School: Parsons
August 2020
AREA 17
Getty museum
January 2020
AREA 17
Visit
2019.area17.com
December 2019
AREA 17
Celine
Dec 2019 - present
AREA 17
Visit
Precision Run
May 2019
AREA 17
Visit
Site of the day
Princeton University Press
December 2018
AREA 17
CFR: Growing Economies Through Gender Parity
October 2018
AREA 17
Visit
Art Institute of Chicago
October 2018
AREA 17
Visit
New England Journal of Medicine
September 2017
AREA 17
Visit
Mai 36
June 2017
AREA 17
Visit
Wyss Institute
🏆 🏆 🏆
July 2016
AREA 17
Visit
Maison&Objet and more
April 2016
AREA 17
Charlie Rose
April 2016
AREA 17
Visit
The Webby Awards:
People's Voice (FE rebuild)
April 2016
AREA 17
Arré
(technical direction)
April 2016
AREA 17
Scientific American
(technical direction)
November 2015
AREA 17
Visit
Engadget
(technical direction)
November 2015
AREA 17
Visit
Library of America
(technical direction)
November 2015
AREA 17
Dering Hall
September 2015
AREA 17
Havard Art Museums
(technical direction)
October 2014
AREA 17
Apple
September 2014
Samsung: Derby
September 2014
AREA 17
ESPN
🏆 🏆 🏆 🏆
April 2014
ESPN
Visit
The Webby Awards:
People's Voice (reskin)
April 2014
AREA 17
Advertising Age
(technical direction)
February 2014
AREA 17
Activaire
February 2014
Spearpoint
Visit
Ten Stories
February 2014
for Facebook's 10th Birthday
Design Connect
February 2014
AREA 17
NY Media Center
January 2014
AREA 17
2013 Year in Review
December 2013
Facebook
heartresearch.me
Charity hack day
November 2013
We Love The Web
Visit
Facebook Stories
November 2013
Facebook
The Webby Awards: Winners Gallery and Archive
April 2013
AREA 17
Billboard
January 2013
AREA 17
Billboard Biz
January 2013
AREA 17
New Year's Midnight Delivery
December 2012
Facebook
Filmmaker
November 2012
AREA 17
Visit
America Votes 2012
November 2012
Facebook
CBX
October 2012
AREA 17
Facebook Stories
August 2012
Facebook
Google Chrome
April 2012
Google
Jay Z's Life+Times
March 2012 (javascript re-write)
AREA 17
Unpakt
January 2012
Pivotal Labs
Stalkr
December 2011
AREA 17
IFP
November 2011
AREA 17
Visit
Coroflot
November 2011
AREA 17
Dering Hall
October 2011
AREA 17
Société Perrier
August 2011
AREA 17
Theyskens Theory
January 2011
AREA 17
Made by Fudge
January 2011
Fudge
Universal Music: Give Music
December 2010
Fudge
Doha Film Institute
October 2010
AREA 17
Face of Blue Inc
October 2010
Fudge
Sustainability
August 2010
AREA 17
Volcom: Amsterdanm Am
June 2010
Fudge
Vice Magazine: The Creators Project
June 2010
AREA 17
The Pleasance
April 2010
Fudge
Face of Bank
March 2010
Fudge
James Maddox Photography
February 2010
Fudge
Creative Islington
February 2010
Fudge
Technique Retreat
January 2010
thirteentwelve
Creative Times
January 2010
Fudge
Digital Bury
September 2009
Fudge
Creative Capital
August 2009
AREA 17
Humanity United
July 2009
AREA 17
Canal+
July 2009
AREA 17
England Squash and Racketball
🏆
May 2009
Fudge
Own It
December 2008
Fudge
Vice Magazine: Motherboard.tv
November 2008
AREA 17
Vice Magazine: VBS.tv
September 2008
AREA 17
AOL Lemondrop
June 2008
AREA 17
AOL Digital City
June 2008
AREA 17
AOL Tour Tracker
4+ million unique a month.
March 2008
AREA 17
AOL Weather
January 2008
AREA 17
AOL Asylum
2+ million unique a month
October 2007
AREA 17
The Way Ahead Group
December 2007
Fudge
Kitty Cooper
🏆 🏆
September 2007
Fudge
Warp X
June 2007
We Love The Web
Mr Scruff
December 2004
We Love The Web
Evolution Print
Design by The Designers Republic.
We love the web