27: Building Codepen

Chris Coyier (@chriscoyier), creator of CSS-Tricks & Codepen speaks with The Web Platform Podcast of buiding the Real Time Code Editor based on CodeMirror, Codepen.io. We go into what designers, educators,and developers are doing with this service and how we can best utilize codepen in our own work.
We also focus on the UX and features of the service that have led to it’s success on various levels. Chris is a well known author, speaker and is the podcast host of ShopTalk Show.
Resources

• 
  

  Codepen.io - http://codepen.io

  
  


• 
  

  Contribute to the Open Source parts of CodePen - https://github.com/CodePen

  
  


• 
  

  Chris’s Twitter - https://twitter.com/chriscoyier

  
  


• 
  

  Rachel Smith’s Story - http://codepen.io/rachsmith/blog/last-year-i-joined-codepen-what-happened-next-will-blow-you-away

  
  


• 
  

  Shop Talk Show - http://shoptalkshow.com/

  
  


• 
  

  CSS Tricks - http://css-tricks.com/

  
  


• 
  

  The Lodge - http://css-tricks.com/lodge/

  
  


• 
  

  A video intro to Codepen - http://vimeo.com/66335155

  
  


• 
  

  CodeMirror API - http://codemirror.net/

  
  


• 
  

  ACE Editor - http://ace.c9.io/

  
  


• 
  

  PubNub -http://www.pubnub.com/

  
  


• 
  

  Ana Tudor’s Pens - http://codepen.io/thebabydino/

  
  


• 
  

  Chris Coyier’s Pens - http://codepen.io/chriscoyier/

  
  


• 
  

  Rachel Nabors Pens - http://codepen.io/rachelnabors/

  
  


• 
  

  Rachel Smith’s Pens - http://codepen.io/rachsmith/

  
  

 

Panelists

• 
  

  Rachel Nabors - Master Web Animation Wizard, speaker & her own boss at Tin Magpie

  
  


• 
  

  Rob Simpson- Senior Front End Developer at Capco

  
  


• 
  

  Danny Blue - Front End Developer at Deloitte Digital

  
  


• 
  

  Erik Isaksen - UX Engineer at 3Pillar Global

  
  

 

Sponsors

• 
  

  Sticker Mule (@stickermule)Custom Stickers that stand out above the rest

  
  


• NovaAngular (@NovaAngular)The Angular JavaScript Meetup in Herndon, VA. Contact them for speaking engagements online or in person - [email protected]