Codemod is a platform that helps developers speed up their code modernization with advanced community-driven code transformation bots (codemods).

The DTCG’s goal is to provide standards upon which products and design tools can rely for sharing stylistic pieces of a design system at scale. The group is composed of individuals and companies such as Adobe, Amazon, Atlassian, Figma, Framer, Interplay, Google, Marvel, Mozilla, Shopify, Sketch, Specify, UXPin, Zeroheight...

Helping

⁍ Improved UI development workflows for people building the Shopify admin⁍ Transformed the way dozens of teams prototype, build, and evolve user interfaces, by setting up tools and processes such as Storybook, visual regression testing, automated accessibility testing⁍ Helped the Polaris design system team scale best practices by tailoring the development experience around those⁍ Mentored developers and helped them unlock their technical leadership abilities

⁍ Worked on experimental tools to help creators, maintainers, and consumers of design systems at Shopify⁍ Embedded on the Shopify Plus team to accelerate UX development on Shopify's global navigation project⁍ Organized a 3-day offsite in Vancouver with the Polaris Tooling team. The team bonded over fun activities, I presented my vision for the future of design system tooling at Shopify, and we collaboratively defined a roadmap based on that vision.⁍ Started a recurring special interest group meeting around development acceleration and tooling at Shopify, where leaders, designers and developers from all over the company shared context about their roadmaps, challenges, insights, and discoveries

⁍ Improved remote-readiness by making Shopify's design practice more collaborative: identified Figma as a design tool that would scale with Shopify's growth, and championed a smooth transition for dozens of teams from five legacy design tools to Figma⁍ Started, grew, and managed a team of two developers and a designer focusing on tooling and processes for our design system (https://polaris.shopify.com). We looked after Polaris’ infrastructure (deployment, release management…), foundations (icons, design tokens…), and contributor experience (automated visual regression and accessibility testing, developer tooling, documentation workflow…)⁍ My team built interfaces so designers could consume the design system in their favorite tools: Sketch/Figma plugins, palettes, UI Kits… and working closely with UX Ops, we experimented with the tools that UX professionals at Shopify were going to use in the future

⁍ Streamlined the contributor experience for Polaris, Shopify's design system, so both internal and external developers could ship with confidence (improved deployment/release automation, added automated visual performance regression testing, and made codebases more approachable) ⁍ Set up Shopify's first cross-platform design token library, ensuring consistent branding and accelerating color changes across mobile and web⁍ Worked in partnership with Algolia developers to power a custom search experience on https://polaris.shopify.com (> 25,000 search queries / month), backed by metadata curated by Shopify content designers

⁍ Built tools that help designers take their designs to the browser faster⁍ Trained designers and developers (both internally and externally) to use tools that help them prototype in the browser using the Lightning Design System ("Rapid Prototyping with the Lightning Design System Starter Kit" was the most attended workshop at Dreamforce 2016)⁍ Evangelized quality best practices for accessibility, performance, usability and maintainability⁍ Managed release and contribution processes for projects revolving around the Lightning Design System (https://www.lightningdesignsystem.com/)⁍ Wrote and maintained CSS on the Lightning Design System project⁍ Organized Brown Bags where the UX Engineering team shares knowledge on a specific topic every two weeks⁍ Reviewed accessibility of new features in Salesforce products, effectively auditing the work of 40+ teams building new features

⁍ Advocated for web development best practices and build developer tools that enable engineers and designers to ship and design web products faster and better⁍ Led day to day operations of the Origami project (http://origami.ft.com/), a set of standards, conventions and tools for building websites at the FTMy work led to better collaboration between teams and reduced work duplication. Efforts put in the Origami project have made teams more productive and empowered designers to roll out brand evolutions very fast at a larger scale than ever before.

⁍ Created and still maintain Sass MQ, a @media query abstraction that enables developers and designers to build responsive websites more easily. It is open source, and now used by many companies, including Gov.UK, BBC, and the Financial Times (https://github.com/sass-mq/sass-mq)⁍ Contributed to the continuous improvement of the CSS/HTML architecture of the new Guardian responsive website and built user interface modules usable across multiple products⁍ Became the go-to expert for all things CSS and Sass inside the company⁍ Focused mostly on the homepage, section pages, and the navigation, within an extremely fast-paced environment (>5 deployments to production per day), with direct user feedback⁍ Rolled out performance improvements: optimized asset inlining process and helped gather a large set of fonts heavily optimized each device type by getting in touch directly with the foundry (Commercial Type). Thanks to this work, the WOFF 2, smaller font format was deployed live for the first time at a large media organization, cutting 200ms (25%) off of the page rendering delay. This was part of a team effort to keep the time-to-render below 1000ms⁍ Helped introduce a technological breakthrough in responsive layout, implementing the "container model" designed at the Guardian in collaboration with iA (http://next.theguardian.com/blog/container-model-blended-content/). Thanks to my work, theguardian.com was the first media organization to use CSS flexbox on their entire website, in a completely cross-browser and responsive way⁍ Improved the design process: helped bridge the gap between designers and developers by making the code syntax closer to the language used by designers⁍ Initiated Guss (GUardian Style Sheets), the UI foundation for all digital products using HTML and CSS at the Guardian until 2017. Guss includes common styles and tools for typography, colors, a grid system, layout patterns, and forms (see https://github.com/guardian/guss)

⁍ Shared accountability with the CTO for the re-architecture of the front-end while a redesign was ongoing⁍ Upgraded the legacy codebase to the latest front-end performance and maintainability best practices⁍ Worked closely with UX and Marketing to meet their requirements and prototyping new concepts, following an iterative, fast pace Kanban process

⁍ Helped re-architect the front-end of the new responsive BBC News website, delivering news and entertainment to millions of people every day⁍ Worked closely with the design system team (GEL), where I prototyped and wrote recommendations for BBC-wide CSS practices, the BBC's responsive grid system, and responsive typography system⁍ Refined accessibility on mobile devices through the use of proper HTML5 semantics, non-intrusive JavaScript, and ARIA landmarks⁍ Worked on a system for improving graphic rendering quality on high-definition displays – while also supporting very old devices – with a mix of font icons (@font-face) and higher resolution images⁍ Evangelized CSS architecture best practices across teams, championing the use of CSS preprocessors mixed with an OOCSS approach⁍ Introduced the use of BEM notation for selectors at BBC News (now used across many teams at the BBC)⁍ Acquired knowledge about agile software development, unit testing, BDD, automated mobile testing, and debugging on more than 20 mobile devices and tablets (Android 1.6-4, iOS 4-6, Blackberry OS 4-7, Symbian, Windows Phone 6-8)⁍ Worked with tools and languages such as Hudson CI, Jira, Confluence, PHP (Zend Framework), Cucumber, Selenium, Ruby, Ender.js, Zepto

⁍ Designed and coded websites for small and medium businesses, increased their social media outreach, worked on their SEO⁍ Coded accessible and SEO-friendly HTML pages for product teams who needed a high-quality and scalable reproduction of their design files

Shared my industry expertise in my book about CSS performance and maintainability, best practices, and CSS pre-processors (particularly Sass & Compass). The book includes a foreword by Christian Heilmann, principal evangelist at Mozilla.The book received high praise from readers in the French front-end industry and was influential in how people started thinking more about CSS architecture, while also coding UI closely with designers.

Lead front-end developer at a UX-focused French web agency for clients including some of the largest insurance and banking companies in France, beauty products (such as payot.com), as well as governments and the European Union.⁍ Wrote "Maintainable CSS with Sass and Compass", published by Eyrolles (largest tech publisher in France)⁍ Involved in the entire process of building a website: meeting clients, conducting usability studies, wireframing, prototyping, project management, design, coding, testing, and shipping⁍ Acquired experience in responsive web design, mobile, e-mailing, and desktop web development⁍ Became an expert in e-mail design and coding best practices for desktop, webmails, and mobile⁍ Learned back-end with Ruby on Rails and PHP (Zend Framework)⁍ Learned front-end with Haml, Sass, Less, Drupal, WordPress, Prestashop, Shopify