CodePen Meet

Hyderabad

#CodePenHyd

    Optimist : The glass is half full.

   Pessimist : The glass is half 
               empty.

       Coder : The glass is twice as 
               big as it needs to be.

Who Am I?

• Praveen Puglia
• Your host
• Frontend Engineer - CSS Love!
• Imaginea, Pramati Technologies
• Orchestra, Space Tech
  
  
• @praveenpuglia 
  praveenpuglia.com
  praveenpuglia@gmail.com

Why Are We Here?

HTML

JavaScript

CSS

The Meeting Agenda

• Talk 1
• Talk 2
• Snacks & Networking
• Talk 3
• Talk 4
• Curated Projects & More

The World It Was

The World We Live In

Swarup 

@swazza85

Diff-Patch-Apply

Picks By Swarup

• ParallesJS - http://adambom.github.io/parallel.js/
   
• Immutable JS - https://github.com/facebook/immutable-js
   
• RxJS - https://github.com/Reactive-Extensions/RxJS

Think
Choose
Build

Sriharsha

@harry_sistalam

How do I ...

Picks By Sriharsha

• GoTTY - https://github.com/yudai/gotty  
   
• Dynamic JSON Resume - https://github.com/jrm2k6/dynamic-json-resume
   
• Mermaid - https://github.com/knsv/mermaid 

Kevin

@KevinAJasti

Animations On Web

Picks By Kevin

• The Solar System - http://codepen.io/juliangarnier/pen/idhuG
   
• The Doughnut - http://codepen.io/GreenSock/pen/rjdkK
   
• The MadManimation - https://stuffandnonsense.co.uk/content/demo/madmanimation/

Arvind

@arvindr21

How Browser Works?

Picks By Arvind

• Elevator JS - http://tholman.com/elevator.js/ 
   
• Visualize the Event Loop - http://latentflip.com/loupe  
   
• Strange Loop - http://brendaneich.github.io/Strange-Loop-2012/#/3

PicoHack

Build Anything In 15 mins