UI Element Samples

• Supercharged Episodes (Playlist)

  • Episode 1. Image Zoomer, (Live-coding session)
  • Episode 2. Swipeable Cards (Live-coding session, TL;DR)
  • Episode 3. Side Nav (Live-coding session, TL;DR)
  • Episode 4. Router Part I (Live-coding session, TL;DR)
  • Episode 5. Router Part II (Live-coding session, TL;DR)
  • Episode 6. Accordion (Live-coding session, TL;DR)
  • Episode 7. 3D Card Flip (Live-coding session, TL;DR)
  • Episode 8. Server-Side Rendering (Live-coding session, TL;DR)
  • Episode 9. Code-Splitting (Live-coding session)
  • Episode 10. Streaming ServiceWorker (Live-coding session)
  • Episode 11. WebGL Image Processing (Live-coding session)
  • Episode 12. WebWorkers (Live-coding session)

• Events

  • 2017

    • I/O 2017: Stream Progress (Live-coding session)
    • Polymer Summit 2017: Lazy-loading image element (Live-coding session)

  • 2016

    • I/O 2016: Expand & Collapse
    • Polymer Summit 2016: Flip Switch (Live-coding session)
    • Chrome Dev Summit: Service worker (Live-coding session)

• Blog posts

  • Infinite Scroller (Blog post)
  • Parallax (Blog post)
  • Animated clip (Advanced circular reveal, Blog post)
  • Custom Scrollbar (Blog post)
• Template