Hi, my name is Keith I make user interfaces easy
An accomplished User Interface Developer and Designer with a passion for creating amazing user experiences and building tools that empower design and development teams to do their best work.
Keith Daulton —
A hands-on leader in user-interface development and design with over 20 years of experience delivering engaging user experiences for design systems, component libraries, developer tools, marketing content and e-commerce. I build systems that bring cohesion and accessibility for all customers, while providing a developer experience, with documentation and code, that engineering teams love to build with.
Portfolio because seeing is much more fun

GitLens for VS Code
- Company
- GitKraken (2022-)
- Role
- Maintainer, Development, Design
- Tools
- Web Components (Lit, FAST), React, TypeScript, SCSS, Yarn, Figma

Chirp Design System
- Company
- Chewy.com (2021-2022)
- Role
- Architecture, Front-end Development
- Tools
- Vue, React, TypeScript, SCSS, Storybook, SassDoc, Lerna, Figma

Hybrid SPA
- Company
- Chewy.com (2020-2021)
- Role
- Protyping, Architecture, Front-end Development
- Tools
- Vue, TypeScript, SASS, Storybook, Yarn workspaces, Figma

Legacy Application Redesign
- Company
- ScribbleLive (ion interactive) (2018-2019)
- Role
- Protyping, Architecture, Front-end Development
- Tools
- ASP.NET, ES5, Vue, SASS, Figma

SaaS Design System
- Company
- ScribbleLive (ion interactive) (2018)
- Role
- Architecture, Front-end Development
- Tools
- HTML, ES5, SASS, Figma

Quiz and Assessment Builder
- Company
- ion interactive (2016-2017)
- Role
- Co-Designer, Architecture, Front-end Development
- Tools
- Aurelia.js, Webpack, TypeScript, HTML, SASS, Figma

Interactive Content Builder
- Company
- ion interactive (2013-2016)
- Role
- Architecture, Front-end Development
- Tools
- Backbone.js, Require.js, ES5, HTML, LESS

Telephony System Dashboard
- Company
- Stealth (2015)
- Role
- Designer, Architecture, Full-stack Development
- Tools
- Marionette, Require.js, ES5, HTML, SASS

Landing Page Concept
- Company
- Landing Page Design (2014)
- Role
- Designer, Developer, Partner
- Tools
- HTML5, CSS3, Photoshop

Website Redesign
- Company
- Spirit Airlines (2011)
- Role
- UI Lead, JS Ninja, Browser Wrangler, Employee
- Skills
- HTML5, CSS3, JS, jQuery, Knockout.js, XSLT, Photoshop

Cruise Microsite
- Company
- Bahama Cruise Vacations (2009)
- Role
- Web Designer, Co-Developer, Freelance
- Skills
- XHTML, CSS, JS, Classic ASP, Photoshop
Experience
Core Competencies
- Front-end architecture
- Design systems
- Performance tuning
- Responsive & adaptive design
- CSS architecture
- Device debugging
- Prototyping & wireframing
- Mentoring & training
- Agile development
Technical Competencies
- Languages
- JavaScript (ES6, TypeScript), HTML, CSS (LESS, SASS, PostCSS)
- Libraries
- FAST, Vue, React, Lit, Aurelia, Backbone, Faker, Mirage
- Builds & tooling
- Webpack, Babel, ESLint, Prettier, Yarn, Lerna, Storybook, SassDoc, Style Dictionary
- Application stacks
- NodeJS/Express, ASP.NET (core, MVC, Web Forms), Java/Spring
- Software
- Visual Studio Code, IntelliJ, Figma (w/ Figma Tokens), Adobe XD, Photoshop, GitHub
Skunkworks
HSLuv Color Ramps
See the Pen Color scale with HSLuv by Keith (@d13) on CodePen.
Color Grid
See the Pen Color steps by Keith (@d13) on CodePen.
Visibility Component
Contact
- Address:
-
4468 Dogwood Circle
Weston, FL 33331 - Phone:
- 1 (954) 805-2603
- Email:
- kdaulton@gmail.com
- Links: