Mark Dalgleish
Staff Engineer at Shopify
Melbourne, Victoria, Australia
Summary
🤩
Rockstar🎓
Top SchoolMark Dalgleish is a Staff Engineer with 15 years of front-end and design-systems experience, currently shaping developer tooling and UI at Shopify and Remix. He co-created CSS Modules and helped build widely used projects like vanilla-extract, Playroom and the Braid design system, combining deep styling expertise with pragmatic build tooling. Mark has a track record of improving developer experience—authoring plugins, integrating CSS strategies into major frameworks, and fixing subtle cross-browser UI bugs across popular repos. A Melbourne-based engineering lead and MelbJS organiser, he balances technical leadership with hands-on contributions and a penchant for elegant, zero-runtime styling solutions. Off the clock he’s a dad of four, which explains an unusual talent for shipping reliable, maintainable systems under pressure.
15 years of coding experience
19 years of employment as a software developer
Diploma of Information Technology Website Development, Diploma of Information Technology Website Development at Swinburne University of TechnologyWerribee Secondary College
Stackoverflow
666reputation
53kreached
8answers
0questions
Github Skills (60)
babel610
component-based10
git10
javascript10
filesystem10
react-native10
ui-components10
testing10
css10
css-in-js10
typescript10
user-interface10
ui-design10
file-operations10
webpack10
Programming languages (14)
Github contributions (5)
css-modules/webpack-demo
May 2015 - Nov 2015
Working demo of CSS Modules, using Webpack's css-loader in module mode
Role in this project:
Front-end Developer
Front-end DeveloperContributions:28 commits, 1 PR, 29 pushes in 5 months
Contributions summary:Mark primarily focused on developing and enhancing the user interface of the CSS Modules Webpack demo. Their contributions include implementing new components, adding code snippets to demonstrate different CSS Modules features such as scoped selectors, class composition, and animation. They also improved the documentation, added file names to code snippets, and made styling tweaks to the application.
webpack-loadercss-loadercsscss-moduleswebpack
markdalgleish/stellar.js
Jan 2012 - Mar 2015
Stellar.js - Parallax scrolling made easy
Role in this project:Front-end Developer
Front-end DeveloperContributions:99 commits, 1 PR, 2 pushes in 3 years 2 months
Contributions summary:Mark's commits focused on fixing a bug in the parallax scrolling functionality of the Stellar.js library. Their primary contribution was correcting an issue related to the background rendering of parallax elements. They also updated the fix to accommodate changes in webkit browsers, and they resolved problems related to the detection of viewport elements and the support for nested parallax elements.
parallaxscrollingparallax-scrollingjavascriptstellar
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.