CodePen

New Pen

Recent & Good Blog Posts

SVG Animated Paper Crane

In the late 90s, I used to simulate vector graphics with table cells and <SPACER> tags. Today, SVG has grown up and is supported on all major modern browsers. You can even animate your vector graphics without JavaScript or CSS on nearly all of those browsers with SMIL (Synchronized Multimedia Integration Language... just call it "smile").

Honoring a great man

You may not be familiar with Eric Meyer or his daughter but you have almost definitely encountered his code. The MeyerWeb Reset is one of the most widely utilized CSS resets on the web. Our community of web developers has found the perfect way to honor him and show support during an extremely trying time.

Beautiful Repeating Patterns

"There is no excellent beauty that hath not some strangeness in the proportion." - FRANCIS BACON

Delicious Breadcrumbs

Like Planko but Better TM