Projects
A handful of things I've built.
Snordle
Swipe or use the arrow keys to play SNAKE on a Wordle-style board.
HTMLCSSJavaScriptSupport NYC DTC
Interactive map to support the DTC brands of NYC affected by COVID-19, recently featured in the Wall Street Journal and in Mapbox's newsletter
MapboxReactMDXTypescriptproject managementGIPHY Vercel integration
Discover GIFs from GIPHY in your Vercel Dashboard, built for the Vercel Hackathon
Vercel integrationJavaScriptGIPHY APICube DJ
DJ with your Rubik's cube as a MIDI controller
Web Bluetooth APIWeb Audio APINextJSdesignReactaccessibilitymusicchrisnager.com v4
chrisnager.com featured in Gatsby's showcase
designcontentsemantic HTMLCSSTypeScriptReactGraphQLGatsbyNetlifyStocks
IEX Stocks app - Search stocks, compare peers, see industry news, create watchlists
designAPIReactJavaScriptHTMLCSSperformancedark modechartinglocal storageColor contrast
WCAG 2.0 color contrast checker for the Zephyr design system
accessibilitycolorEmoonji
A friendly chatbot that sends the current moon phases with emojis
Facebook Messenger botdesignBendies
Fun with generated patterns
generative artungrid
the simplest responsive css grid
toolingCSSZephyr
Design system and component library for Air
designGatsbydoczReactMDXand styled-systemproject managementhexcodes
All possible three digit hexcodes
colorCSSSalesforce Marketing Cloud
Collaborated on this product
JavaScriptCSSaccessibilityDiagonals
Fun with generated patterns
generative artiextrading.com
Site for IEX, creative blend of SSR + React, with Lighthouse scores of 100
ssrReactBasscssdesignair.inc
Site for Air
Reactstyled-systemtypographycolorproject managementsimple-debug.css
Debug your layouts with one line of CSS
CSStoolingbrowser extensionSimple <paper-spinner>
How to rebuild Google's Material Design <paper-spinner> with a single div and CSS animations
toolingcase studyHTMLCSSIcon theming
Icon theming tool for the Zephyr design system
design hand-offsvgdeveloper experience (DX)tiny google fonts
Strip down your google fonts significantly to only include the characters you're actually using
performancetypographyMarket
Web app for IEX that displays near real-time market volume
UXHTMLCSSJavaScriptSignum majoritatis
A side-scrolling game built in a single string
gamingJavaScriptCorners
Fun with generated patterns
generative artGive 'n' Go
A curated gallery of Dribbble shots reworked as interactive CodePen pens
communityHTMLCSSJavaScriptcmsIEX iOS and Android apps
Created iOS and Android apps for IEX
React NativeiOSAndroidUXUICheer me up
Fun, custom pages in seconds
designHTMLCSSJavaScriptUntil
Are we there yet?
ReactdesignBasscssUN Disaster Response
Worked with the Harvard Humanitarian Initiative on a disaster and humanitarian response survey building app to be used by the United Nations
UXHTMLCSSJavaScriptdesignJaunt
Let your friends be your city guides. (TechCrunch Disrupt Hackathon app entry)
designprototypeHTMLCSSJavaScriptCursors
All available cursors
designHTMLCSSThe IEX API
The IEX API (now part of the IEX Cloud)
documentationRESTdeveloper experience (DX)simple-palette
A simple color palette
colorCSSpride
Simple hack to display the colors of the rainbow flag in the GitHub language bar. #lovewins
hack✂ short color names
The 44 CSS color names that are as short as or shorter than their corresponding hexcodes
colorCSSIEX branding and guidelines
Logo, color palette, language, and branding guidelines for IEX
brandingdesigndeveloper experience (DX)Birthday hex
Find your birthday hexcode
colorSVG Please
Simple script to replace your bitmap icons with inline SVGs with bitmap fallback built in
toolingsvgFav5
What are your five most important items?
designchrisnager.com v3
Care to reminisce?
designBEMsemantic HTMLJekyllGitHub PagesTwadlib!
Ad-lib your tweets, submitted as a 10K Apart Challenge app entry
designHTMLCSSJavaScriptTwitter APIBliss
Beautifully lean, ideal style sheets
CSSframeworkdeveloper experience (DX)Crafted CSS
A personal compilation of CSS practices I follow
CSSdeveloper experience (DX)toolingBen Thomson Photo
Awwwards Site of the Day
brandingdesignUXHTMLCSSJavaScriptcmsaward-winningTotally Fresh
Experimental CSS3 design featured on Smashing Magazine
designHTMLCSS