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 release 13

GitLens for VS Code

Company
GitKraken (2022-)
Role
Maintainer, Development, Design
Tools
Web Components (Lit, FAST), React, TypeScript, SCSS, Yarn, Figma
Launch website
Chewy Chirp Design System

Chirp Design System

Company
Chewy.com (2021-2022)
Role
Architecture, Front-end Development
Tools
Vue, React, TypeScript, SCSS, Storybook, SassDoc, Lerna, Figma
Launch website
Chewy Checkout Screen

Hybrid SPA

Company
Chewy.com (2020-2021)
Role
Protyping, Architecture, Front-end Development
Tools
Vue, TypeScript, SASS, Storybook, Yarn workspaces, Figma
Launch website
Legacy Application Dashboard

Legacy Application Redesign

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

SaaS Design System

Company
ScribbleLive (ion interactive) (2018)
Role
Architecture, Front-end Development
Tools
HTML, ES5, SASS, Figma
Quiz Builder Screenshot

Quiz and Assessment Builder

Company
ion interactive (2016-2017)
Role
Co-Designer, Architecture, Front-end Development
Tools
Aurelia.js, Webpack, TypeScript, HTML, SASS, Figma
Creative Studio Screenshot

Interactive Content Builder

Company
ion interactive (2013-2016)
Role
Architecture, Front-end Development
Tools
Backbone.js, Require.js, ES5, HTML, LESS
Creative Studio Screenshot

Telephony System Dashboard

Company
Stealth (2015)
Role
Designer, Architecture, Full-stack Development
Tools
Marionette, Require.js, ES5, HTML, SASS
Sparx site design

Landing Page Concept

Company
Landing Page Design (2014)
Role
Designer, Developer, Partner
Tools
HTML5, CSS3, Photoshop
Spirit Airlines Site

Website Redesign

Company
Spirit Airlines (2011)
Role
UI Lead, JS Ninja, Browser Wrangler, Employee
Skills
HTML5, CSS3, JS, jQuery, Knockout.js, XSLT, Photoshop
Launch website
Bahama Cruise Vacations Site

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: