Circle square

Chris Nager

Minimalist developer-designer in Brooklyn, NY


> Signum majoritatis

A side-scrolling game built in a single string

hexcodes

All 4,096 shorthand hexcodes

short-color-names

The 45 CSS color names that are as short as or shorter than their corresponding hexcodes

simple-palette

A simple color palette

ungrid

The simplest responsive css grid

simple-debug.css

Debug your layouts with one line of CSS

Emoonji 🌝

A friendly chatbot that sends the current moon phases with emojis

Give 'n' Go

A curated gallery of Dribbble shots reworked as interactive CodePen pens

Cheer me up

Fun, custom pages in seconds

ungrid

the simplest responsive css grid

Until

Are we there yet?

UN Disaster Response

Currently working with the Harvard Humanitarian Initiative on a disaster and humanitarian response survey building app to be used by the United Nations

Jaunt

Let your friends be your city guides. (TechCrunch Disrupt Hackathon app entry)

Cursors

All available cursors

simple-debug.css

Debug your layouts with one line of CSS

simple palette

A simple color palette

✂ short color names

The 44 CSS color names that are as short as or shorter than their corresponding hexcodes.

hexcodes

All possible three digit hexcodes

tiny google fonts

Strip down your google fonts significantly to only include the characters you're actually using

Birthday hex

Find your birthday hexcode

SVG Please

Simple script to replace your bitmap icons with inline SVGs with bitmap fallback built in

#Fav5

What are your five most important items?

Twadlib!

Ad-lib your tweets ‘javascript

Bliss

Beautifully lean, ideal style sheets

Crafted CSS

A personal compilation of CSS practices I follow

Social Logos

Download official social logos

chrisnager.com v1

Origins

chrisnager.com v2

Care to reminisce?

chrisnager.com v3

Iterate

Ben Thomson Photo

Awwwards Site of the Day

Totally Fresh

Experimental CSS3 design featured on Smashing Magazine

Center and crop images with a single line of CSS

19 Jan 2015

Bespoke SVG Reference

23 May 2014

Analog-style LED clock concept

25 Mar 2014

Simple vertical centering with CSS

10 Jan 2014

NYC Subway Lines reimagined with long shadow design

29 Jun 2013

Time-based media queries

25 Mar 2013

Hue bump with Sass @for control directive

17 Jan 2013

Display icons with custom data-attributes

21 Dec 2012

Circles

19 Dec 2012

Video and audio in CSS

04 Dec 2012

Natural curves

08 Nov 2012

My initials

23 Oct 2012

Touchable textures with CSS - can you feel me?

18 Oct 2012

Further simplified hexcodes

18 Sep 2012

Box sizing for pseudo elements

09 Sep 2012

An Event Apart and a Designer’s View of the Web

23 Sep 2011

CSS3 ::selection background color trick

09 Sep 2011

Chris Nager 2012 (Responsive Design)

18 Aug 2011

ChrisNager.com v2 is live

12 Jun 2011


©2017 Chris Nager