CodePenDay @ Hamburg, Germany - 16th September 2017

This is the summary with all resources, tweets and videos for the CodePenDay in Hamburg:

• Slides: https://slides.com/timpietrusky/codependay-hamburg-16-september-2017/
• Meetup (with schedule): https://www.meetup.com/de-DE/preview/CodePenDay/events/242031110
• Twitter: https://twitter.com/CodePenDay
• Full video (taken from the live stream): https://youtu.be/rd1J27SLrPU
• Location: SinnerSchrader, Völckersstrasse 38, Hamburg, Germany

The resoures are in chronological order based on the schedule.

Please open an issue / create a pull request if something is missing!

Feedback

• You can open an issue on this repository
• Or write a mail to codependay@gmail.com
• Or use the Google form that we will send out in a few days
• Or open a pull request for https://github.com/CodePenDay/hamburg-16-september-2017/blob/master/RECAP.md

Please note

• The quality of the recorded videos is not perfect AND we only have MONO sound
• BUT it's super awesome to have these recordings! (We will do it better next time, promise!)

---

Resources

Intro

Tim (our MC) is giving an introduction on what CodePen is and explains how CodePen changed his life.

• Video: https://youtu.be/rd1J27SLrPU?t=2m11s
• https://codepen.io
• Twitter: https://twitter.com/TimPietrusky
• CodePen: https://codepen.io/TimPietrusky

Talks: Round #1

Lisa Passing - Making games

• Video: https://youtu.be/rd1J27SLrPU?t=15m37s
• Slides: https://lislis.de/talks/codependay-hh
• GitHub: https://github.com/lislis
• One Hand Sound Game: https://github.com/lislis/onehandsoundgame
• SWAJ: https://github.com/lislis/swaj
• Unknown Artist: https://github.com/lislis/unknown-artist
• cat meow: https://github.com/lislis/cat-meow

Haroen Viaene - A clock so fast it got banned from GitHub

• Video: https://youtu.be/rd1J27SLrPU?t=37m52s
• Slides: https://haroen.me/presentations/en/fast-clock/bullgit-fast-clock.pdf
• Twitter: https://twitter.com/haroenv
• CodePen: https://codepen.io/Haroenv
• Bullgit: https://bullg.it

Diana & Gregor - We are in this together

• Video: https://youtu.be/rd1J27SLrPU?t=47m17s
• Twitter (CodePenDay): https://twitter.com/CodePenDay
• Twitter (Diana): https://twitter.com/ilithya_net
• CodePen (Gregor): https://codepen.io/pixelass
• CodePen (Diana): https://codepen.io/ilithya

Workshop

Haroen Viaene

• Slides: https://haroen.me/presentations/en/fast-clock/how-to-bullgit.pdf
• Bullgit: https://bullg.it

Open Stage (former "lightning talks" / "show & tell")

We transformed this part of CodePenDay into "open stage", because it makes more sense to give the attendees the freedom to talk about anything they want. And the result was absolutely AMAZING!

Intro

• Video: https://youtu.be/rd1J27SLrPU?t=3h2m49s

Stefanie Stoppel - Experimental Neurofeedback System

• Video: https://youtu.be/rd1J27SLrPU?t=3h3m22s
• Tweet: https://twitter.com/CodePenDay/status/909083390418309122
• CodePen: https://codepen.io/Qbrid/
• Project: https://github.com/StefanieStoppel/brain2boid

Clemens Sietas - What is wrong with my Git?

• Video: https://youtu.be/rd1J27SLrPU?t=3h10m23s
• Tweet: https://twitter.com/CodePenDay/status/909084569009315840
• Twitter: https://twitter.com/Siecle
• CodePen: https://codepen.io/siecle

Silke Voigts - Presenting Text

• Video: https://youtu.be/rd1J27SLrPU?t=3h18m34s
• Tweet: https://twitter.com/CodePenDay/status/909086926485037056
• Twitter: https://twitter.com/silkine
• CodePen: https://codepen.io/silkine
• http://www.silkevoigts.de/

Karsten Buckstegge - Video + audio reactive Canvas = PARTY

• Video: https://youtu.be/rd1J27SLrPU?t=3h24m37s
• Tweet: https://twitter.com/CodePenDay/status/909087961672769538 (sorry for the wrong name in the tweet)
• CodePen: https://codepen.io/MrBambule
• GitHub: https://github.com/KarstenBuckstegge
• Twitter: https://twitter.com/Mr_Bambule
• Apy: https://codepen.io/MrBambule/pen/emWwEX
• audio-mask: https://github.com/KarstenBuckstegge/audio-mask

Philipp - Bring the Marquee tag back!

• Video: https://youtu.be/rd1J27SLrPU?t=3h31m8s
• Tweet: https://twitter.com/CodePenDay/status/909089238309904384
• CodePen: https://codepen.io/TheAmazingPT/
• GitHub: https://github.com/TheAmazingPT
• Twitter: https://twitter.com/TheAmazingPT
• https://codepen.io/TheAmazingPT/pen/VMvvbo/
• https://codepen.io/TheAmazingPT/pen/yzYePr

Nils Schönwald - I love to recreate GIFs and Stargate

• Video: https://youtu.be/rd1J27SLrPU?t=3h34m9s
• Tweet: https://twitter.com/CodePenDay/status/909090025563983872
• Twitter: https://twitter.com/schoenwaldnils
• CodePen: https://codepen.io/schoenwaldnils
• GitHub: https://github.com/schoenwaldnils
• Twirling Dots: https://codepen.io/schoenwaldnils/pen/YGLXdA
• Rotating is the answer: https://codepen.io/schoenwaldnils/pen/ZQrvpx
• Stargate: https://github.com/schoenwaldnils/csstargate

Felix Gnass - Use high level APIs: paper.js + tracking.js

• Video: https://youtu.be/rd1J27SLrPU?t=3h42m3s
• Tweet: https://twitter.com/CodePenDay/status/909092631170502656
• CodePen: https://codepen.io/fgnass
• Twitter: https://twitter.com/fgnass
• https://codepen.io/fgnass/pen/gGaPQz
• http://paperjs.org/examples/chain/

Mario Nebl - Record your terminal in CSS / SVG

• Video: https://youtu.be/rd1J27SLrPU?t=3h48m33s
• Tweet: https://twitter.com/CodePenDay/status/909094106185584643
• Twitter: https://twitter.com/marionebl
• CodePen: https://codepen.io/marionebl
• GitHub: https://github.com/marionebl

Lea Rosema - I love to play with WebAudio

• Video: https://youtu.be/rd1J27SLrPU?t=3h52m27s
• Tweet: https://twitter.com/CodePenDay/status/909094824523059200
• Twitter: https://twitter.com/terabaud
• Worms: https://codepen.io/terabaud/pen/rGOeGy
• Music Paint: https://codepen.io/terabaud/pen/jVOYNv
• Whoop Whoop: https://codepen.io/terabaud/pen/yVLwYz

Felix De Montis - Jukephone - Jukebox over the Phone

• Video: https://youtu.be/rd1J27SLrPU?t=3h57m19s
• Tweet: https://twitter.com/CodePenDay/status/909096049918300160
• Twitter: https://twitter.com/DerVonDenBergen
• GitHub: https://github.com/dervondenbergen
• CodePen: https://codepen.io/dervondenbergen/
• Jukephone: https://github.com/bullgit/jukephone

Talks: Round #2

Mauricio Palma - Contextualized Interfaces At Warp Speed

• Video: https://youtu.be/rd1J27SLrPU?t=5h17m
• Slides: http://bit.ly/contextualized-interfaces-presentation
• Tweet: https://twitter.com/CodePenDay/status/909116385023979522
• Twitter: https://twitter.com/PalmaSwell
• CodePen: https://codepen.io/Palmaswell

Ana Tudor - KISS

• Video: https://youtu.be/rd1J27SLrPU?t=5h39m49s
• Slides: https://codepen.io/thebabydino/project/full/ZKwajN/
• Tweet: https://twitter.com/CodePenDay/status/909122827957227520
• Twitter: https://twitter.com/anatudor
• CodePen: https://codepen.io/thebabydino/
• Collection of demos: https://codepen.io/collection/DOWNYq/

Outro

• Video: https://youtu.be/rd1J27SLrPU?t=6h20m26s

Sponsors

• Video: https://youtu.be/rd1J27SLrPU?t=6h20m47s
• SinnerSchrader: https://sinnerschrader.com
• Media Temple: https://mediatemple.net
• Bullgit: https://bullg.it
• CodePen: https://codepen.io

Thanks to

• Video: https://www.youtube.com/watch?v=rd1J27SLrPU&feature=youtu.be&t=6h21m17s
• Felicitas Kugland: https://twitter.com/kotzendekrabbe
• Felix De Montis: https://twitter.com/DerVonDenBergen
• Martin Schuhfuss: https://twitter.com/usefulthink
• André Ruffert: https://twitter.com/andreruffert
• Alfred Rinman

LiveJS

• Video: https://youtu.be/rd1J27SLrPU?t=6h23m1s
• Twitter: https://twitter.com/livejs_network
• http://livejs.network

Family Photo

• Video: https://youtu.be/rd1J27SLrPU?t=6h24m40s
• Tweet: https://twitter.com/CodePenDay/status/909140304623734784

Thank you

• Video: https://youtu.be/rd1J27SLrPU?t=6h28m18s

After Party

Martin Schuhfuss - dmxpen: Controlling DMX512 lights with JS & CSS

• Slides: http://slides.com/martinschuhfuss/coldfront-2017#/
• Tweet: https://twitter.com/CodePenDay/status/909144364227678208
• Twitter: https://twitter.com/usefulthink
• CodePen: https://codepen.io/usefulthink
• GitHub: https://github.com/usefulthink