Last Thursday evening we had CodePen Chicago’s 6th meetup, this time at closerlook , and continued our streak of fun nights filled with cool pens and even cooler folks.
I didn’t realize it until I was looking through my files and noticed the date on the folder for the first meetup, but it has been a year since the very first CodePen Chicago! A year in we have a fantastic group of regulars who are at every event, as well as a fresh crowd of new faces every time. Seeing the variety of people and types of pens that are shared is super encouraging, and I leave every meetup feeling inspired and refreshed, and I hope that’s the experience of others who come too!
Anyway, cheers to a killer year Chicago friends! Looking forward to more!
Here’s a breakdown of the folks who shared their pens, but if you want to just browse through all the pens themselves check out this collection: http://codepen.io/collection/nRPBNk/
See the PenBouncy Balls. by Brian Montana (@brianmontanaweb) onCodePen.
Our own pal Brian Montana, who helped organize the meetup by volunteering his place of employment, closerlook, as a venue, shared his stab at physics with some canvas bouncing balls.
See the Pen Everything is Free Until Sunday! by Really Good Emails (@reallygoodemails) onCodePen.
Matt shared with us the Really Good Emails account that he works on that takes really awesome html emails and recreates them in CodePen to share the techniques behind the awesome. It’s a really great resource, and you should check out the rest at reallygoodemails.com !
See the PenCSS: Keyboard by Jake Albaugh (@jakealbaugh) onCodePen.
Jake never disappoints. Once again he shared a slew of CSS madness: a completely functional all CSS keyboard (above), a functionalCSS calculator, and a crazyCSS Binary Writer.
See the PenSUPERHOT 2D GAME by Benjamin Miles (@benjaminmiles) onCodePen.
Former CodePen Chicago host Miles showed us his CodePen recreation of the SUPERHOT time warp effect using phaser. This rules. And it’s addicting.
See the Pen No-JS On-Hover Image Zoom by Daniel Cortes (@dgca) onCodePen.
Daniel shared a really rad pen that shows how you can achieve the amazon-like zoom-on-hover effect with pure CSS. Pretty rad!
See the PenSynth Time! by Matthew Greenberg (@mattgreenberg) onCodePen.
Thinks got pretty funky when Matt showed us his killer Synth Time! pen that allows you to play some out-of-this-world riffs on your keyboard with a selection of synth effects!
See the Pen Murder Intro Sequence by Matt Soria (@poopsplat) onCodePen.
I also did a really quick and hasty sharing of a couple of my own pens: a fun Psycho -inspired animated site intro (above), and a CSS recreation of a cool illustration of aCrying Hamburger by Richard Parez .
Some B-Roll from the Evening
A huge thanks to CodePen for being what it is, and for being who they are, and for supporting us and providing us with killer gear to give out to our attendees every meetup! Also, a big thanks to closerlook for hosting us and providing a ton of pizza and drinks! The space was awesome and we had a great time hanging with a bunch of the people there!
See Ya Next Time!
As always, looking forward to the next meetup we have! If you have ideas for a super special format, or you or your employer would be interested in hosting and/or sponsoring a meetup, let me know at email@example.com or @poopsplat !