Projects
A handful of things I've built.
Snordle
Swipe or use the arrow keys to play SNAKE on a Wordle-style board.
HTMLCSSJavaScript
Support 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 management
GIPHY Vercel integration
Discover GIFs from GIPHY in your Vercel Dashboard, built for the Vercel Hackathon
Vercel integrationJavaScriptGIPHY API
Cube DJ
DJ with your Rubik's cube as a MIDI controller
Web Bluetooth APIWeb Audio APINextJSdesignReactaccessibilitymusic
chrisnager.com v4
chrisnager.com featured in Gatsby's showcase
designcontentsemantic HTMLCSSTypeScriptReactGraphQLGatsbyNetlify
Stocks
IEX Stocks app - Search stocks, compare peers, see industry news, create watchlists
designAPIReactJavaScriptHTMLCSSperformancedark modechartinglocal storage
Color contrast
WCAG 2.0 color contrast checker for the Zephyr design system
accessibilitycolor
Emoonji
A friendly chatbot that sends the current moon phases with emojis
Facebook Messenger botdesign
Bendies
Fun with generated patterns
generative art
ungrid
the simplest responsive css grid
toolingCSS
Zephyr
Design system and component library for Air
designGatsbydoczReactMDXand styled-systemproject management
hexcodes
All possible three digit hexcodes
colorCSS
Salesforce Marketing Cloud
Collaborated on this product
JavaScriptCSSaccessibility
Diagonals
Fun with generated patterns
generative art
iextrading.com
Site for IEX, creative blend of SSR + React, with Lighthouse scores of 100
ssrReactBasscssdesign
air.inc
Site for Air
Reactstyled-systemtypographycolorproject management
simple-debug.css
Debug your layouts with one line of CSS
CSStoolingbrowser extension
Simple <paper-spinner>
How to rebuild Google's Material Design <paper-spinner> with a single div and CSS animations
toolingcase studyHTMLCSS
Icon 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
performancetypography
Market
Web app for IEX that displays near real-time market volume
UXHTMLCSSJavaScript
Signum majoritatis
A side-scrolling game built in a single string
gamingJavaScript
Corners
Fun with generated patterns
generative art
Give 'n' Go
A curated gallery of Dribbble shots reworked as interactive CodePen pens
communityHTMLCSSJavaScriptcms
IEX iOS and Android apps
Created iOS and Android apps for IEX
React NativeiOSAndroidUXUI
Cheer me up
Fun, custom pages in seconds
designHTMLCSSJavaScript
Until
Are we there yet?
ReactdesignBasscss
UN Disaster Response
Worked with the Harvard Humanitarian Initiative on a disaster and humanitarian response survey building app to be used by the United Nations
UXHTMLCSSJavaScriptdesign
Jaunt
Let your friends be your city guides. (TechCrunch Disrupt Hackathon app entry)
designprototypeHTMLCSSJavaScript
Cursors
All available cursors
designHTMLCSS
The IEX API
The IEX API (now part of the IEX Cloud)
documentationRESTdeveloper experience (DX)
simple-palette
A simple color palette
colorCSS
pride
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
colorCSS
IEX branding and guidelines
Logo, color palette, language, and branding guidelines for IEX
brandingdesigndeveloper experience (DX)
Birthday hex
Find your birthday hexcode
color
SVG Please
Simple script to replace your bitmap icons with inline SVGs with bitmap fallback built in
toolingsvg
Fav5
What are your five most important items?
design
chrisnager.com v3
Care to reminisce?
designBEMsemantic HTMLJekyllGitHub Pages
Twadlib!
Ad-lib your tweets, submitted as a 10K Apart Challenge app entry
designHTMLCSSJavaScriptTwitter API
Bliss
Beautifully lean, ideal style sheets
CSSframeworkdeveloper experience (DX)
Crafted CSS
A personal compilation of CSS practices I follow
CSSdeveloper experience (DX)tooling
Social Logos
Download official social logos
tooling
Ben Thomson Photo
Awwwards Site of the Day
brandingdesignUXHTMLCSSJavaScriptcmsaward-winning
Totally Fresh
Experimental CSS3 design featured on Smashing Magazine
designHTMLCSS