Past meetups

August 2018

Review and comments:

The cartographic side of the web

Nicola Raluca

My love-hate relationship with Scrum

Alicia Rüegg

Webapp logging

Nicolas Ruflin

JS Quiz

Alexander Gerasimov

Bring your laptop to participate in the quiz.

July 2018

Review and comments:

Introduction to ClojureScript and Functional Programming

Alain M. Lafon

The complexity of software is growing at an exponential rate. The biggest challenge is the growing complexity of dynamic state which makes it hard to reason about a system. There are many paradigms aiming to ease the situation. To reduce incidental complexity "Functional Programming" and "Code Hot-Reloading" have become much talked about topics in the web development community. In this talk, Alain showedus how to supercharge our development setup with true code hot-reloading in a truly functional programming language.

Upgrading vs. Upcycling - How Existing Web Sites Stay Ahead the Curve

Josef Dabernig

As a website owner, you continuously want to stay ahead the curve. To keep up with online trends, technical debt or just to be able to refresh their appearance, websites get rebuilt between every 3 to 6 years. A full rebuild of a website can be a time and money consuming process. Over the last years, we have helped many customers transition from their legacy web systems onto Drupal 8 but not everyone is ready to do the move yet. Do you find yourself in the situation of having a well established web system that has seen a few years already but you aren’t ready to spend the time and money to do a full rebuild?

This session was about exploring different approaches between upgrading and upcycling existing websites. Upcycling allows website owners bring improvements to their websites continuously without the need to wait for a full rebuild. We reduce time to market and risk and are able to leverage up to date technology by upcycling individual parts of the website.

Topics covered

Pros and cons of Upgrading vs. Upcycling
How to leverage decoupled technology early on
How to improve an existing Drupal 7 site
How to migrate to Drupal 8
How to improve an existing Drupal 8 site

How I hike the Full-stack mountain - Graduation Project from Propulsion

Evgeniya Tokareva

What you can learn in 12 weeks at a coding bootcamp? This was a Propulsion Academy graduation project presentation about an app to find hiking routes around you with a short introduction to traveltime visualisation using time-based access mapping and a comparison of interactive mapping libraries Leaflet vs. Google Maps API.

June 2018

Review and comments:

Real Time web applications with Angular and ASP.NET Core SignalR

Fabian Gosebrink

In this talk Fabian gave a briefly introduction of how we can update our angular application in real time with ASP.NET Core SignalR.

How you can connect web to Alexa

Mirko Eberlein (Webgate Consulting AG)

You think about a Alexa app? This is a good thing. But what will you do if you are not at home? Mirko showed a way how you can connect a Alexa App with a serverless Web App by using simulary code in the backend. All run on AWS.

Machine Learning for Designers

Memi Beltrame

What is machine learning and what of it is it important for designers? This talk was for anybody who is new to machine learning. It was about the most important concepts and how they are applied.

May 2018

Review and comments:

Building a Headless Shop

Pascal Kaufmann

Pascal showed how he used Zeit's Next.js and Apollo GraphQL to build a new e-commerce solution that is entirely API-driven.



Design Hacks

Kristiine Naska

Quick wins to achieve decent design in the absence of a designer without investing too much time in it (e. g. for hackathons, idea validation, sales presentation).


Modern Single-page Apps with Meteor


How did three physicists manage to develop an accounting software for equity in private companies in less than one year? This talk telled the story of using Meteor—a full-stack web framework—to rapidly build a complex enterprise software. Today, the product Ledgy is used by highly-renowned Swiss startups like Bexio, VIU, and Farmy.


April 2018

Review and comments:


Miguel Perello

We already know how powerful is combine React and Redux but, what happens when you combine it with firebase? Miguel let us take a look at it.

Sorting Algorithms


Description of the most important sorting algorithms

The Future Of Interaction Design Is Digital

Nick Budden

Nick presented the visual interaction design solution which his company is working on.

March 2018

Review and comments:

Open Sourcing your daily work


We all love and use open source software every day. is a Drupal Platform as a Service (PaaS) Provider. Since’s beginnings, it has troubled us to see an open source project like Drupal being hosted on proprietary hosting platforms. Today, we are making conscious decision to change that. We took matter in our own hands and open sourced our platform. Bastian talked on why they did it and how they arrived there. The challanges and the rewards that come from opening up your daily work to the world.

Solving unsolved Layout Problems with CSS GRID

Aleksej Dix

Many of us have used flexbox, float and display-inline CSS GRIDS for years, but they felt like a wrong tool to simple page Layout. Web designers are forced to think in abstract forms and build the complex responsive layouts in the their heads first. We took a look on current website Designs and Problems and learned how we can solve them by using the new CSS GRID.

The power of co-design

Silvia Schiaulini


February 2018

Review and comments:

Progressive Web Apps - the next big thing!

Nico Martin

This summer, apple finally confirmed they are working on progressive web app support. In Nicos opinion, this will be the big breakthrough for this awesome technology. So it was time to have a closer look on what they are capable of. And spoiler alert: they are not only for fancy modern single page applications, but they can also improve EVERY website or webapp!


VanillaJS ML for web developerz


Building a simple ML experience with VanillaJS


Introduction to Information Visualisation

Sam Hertig

Sam introduced the audience to a few basic software-agnostic principles that he consider valuable for both data visualizations and conceptual illustrations: visualization categories, audience considerations, visual salience and related graphic design principles, as well as some workflow-related methodologies.

January 2018

Review and comments:

An Introduction to TypeScript

Lukas Elmer

Lukas gave as a brief introduction on Typscript.


SiteXML: the missing part of the web

Michael Zelensky

Most of our time we talk about web technologies. What is the web though? Under the word 'web' we usually mean the WWW, which was developed as long ago as in 1980s and the general concept for it had been described even before that, in 1945. It was long before not only many of the today's web developers were born, but even their parents were not yet brought to this world. However, we are still using that paradigm and the same architecture. No need to mention that since then the world and the web has changed. The 1980s vision of the web and today's vision are really not the same. In this talk we learnt the difference and how to build the web properly.

December 2017

Review and comments:

Make your animations perform well

Anna Migas

Web animations have been around for some time already and have been helping us in many ways: they give the users feedback on their actions, lead them through a page, cheer them. Badly implemented animations on the other hand can be deadly to the website's performance and the user's delight. We learnt together what are the best techniques to get our animations smooth.


WebVR - the next frontier

Monika Kedrova

Virtual Reality is upon us: Oculus Rift, HTC Vive, Samsung GearVR and Google Cardboard / DaydreamVR are just a few of the available options to dive into virtual environments. The web as the most low-barrier option for sharing and exploring content shall not lack behind and luckily thanks to WebGL and WebVR we have standards to unlock this new universe as well, using web technologies. In this talk we explored WebVR using A-Frame and build a little VR experience that everyone can try right from their browser!

Secure your web app with CSP

Francisco Silva

A brief introduction on what CSP solves, what are the advantages of having it and how to set it up.


CSS QuickDraw

Alex Gerasimov

Real-time Multiplayer CSS Selector Puzzle. CSS is fast but are you?

November 2017

Review and comments:

The Anatomy of a Thousand Typefaces

Florian Schulz

A look behind the scenes of his project that aims to analyse visual characteristics of typefaces and to make them explorable through a web interface. Project:

Content Strategy for the Web

Christy Blum

Many web designers and developers rush to create the prettiest page but give little thought to content strategy. Bloggers also fall into the same trap. Why is this? Most users don't care that you've built your site in React or spent hours on web design aesthetics. In this talk, Christy discussed content strategy and its business value.

A Cross-Device IDE

Nicolas Kick

In his Master thesis Nicolas built a web-based IDE prototype aimed at including mobile devices in the programming workflow to support developers who occasionally work away from the traditional office desk.

October 2017

Review and comments:

Problems solved with Flexbox

Giorgia and Emily

Until a few years ago, making layouts for the web was all about nested tables, followed by hacks and tricky CSS. Nowadays this is no longer necessary thanks to Flexbox, a new layouting model introduced by CSS3. In their talk, Giorgia and Emily demonstrated with some practical examples how we used to approach common problems before its introduction and how easily we can now solve them.

New code with really old tools

Peter Braden

Writing code for the web with old tools (like vim, tmux and make)

How Q, the visual journalism toolbox by NZZ Storytelling works

Beni Buess

How Q came to be, how it works technically, how it is used and why it's licensed under MIT.


September 2017

Review and comments:

A fully functional webapp

Nicolas Mattia

This is an example of full-FP (functional-programming) stack. The talk gave an overview of the different layers: Nix for (system-)dependency management, Nixops for deployment, Haskell for backend code and GHCjs for Haskell to javascript compilation. This was industry focus with practical examples, discussing the benefits and drawbacks of the functional programming paradigm. Nicolas quickly skimed over the systems we had implemented for clients.

Video / Slides

Fun with timeszones

Jordi Boggiano

Working on Teamup (an online calendar) for the last three years has tought Jordi that timezones and daylight saving time hold many “fun” facts. We had a quick look at the rules governing time on Earth.

Video / Slides

August 2017

Review and comments:

UI's across multiple devices

Maria Husmann

We have more and more devices, but we still mostly use them in isolation. In this talk, we learn how Maria uses Polymer in research and education to experiment with applications that combine multiple devices. She introduced her cross-device library that was built with Polymer and demonstrated how it can be used to create a simple webcam viewer for a large screen and phones. Students at ETH Zurich have used the library for various projects (including Bachelor and Master theses) and had quickly been able to create applications with the Web Components it provides.

Centralised Logging with the Elastic Stack

Nicolas Ruflin

This was an short introduction into how to use Filebeat, Elasticsearch and Kibana to start collecting your logs from your system and service, store the logs in a central place and make them searchable and accessible through Kibana.

I bet my mirror is smarter than yours

Luca Simone

Angular, React, Aurelia, Electron, Typescript and RxJS. Would you believe that you can use all these frameworks and others to build a mirror? Building your own SmartMirror with modern web technologies and a Raspberry Pi is very simple and it creates a truly impressive result. Having a real personal home dashboard is very useful as well as a lot of fun to build. Think about information such as date, time, calendar events, upcoming holidays, weather, nearby public transport schedules, and more. It is all up to your imagination. But that's not all! With some knowledge in electronics it is also very easy to turn this project into a real smart hub to pilot home components like lights or more. In this quick talk Luca show us how he built his SmartMirror, the application he developed with his personal information, and he told us tricks and tips to build our own smart mirror.

July 2017

Review and comments:

WebGL: Learnings from 4 years of 3D web apps crafting

Tomas Polach

In this talk, we saw what it takes to build a 3D web application based on what we've learned doing so in the last four years.


Graduation projects from Propulsion students


The best projects of Propulsions graduates were presented by themself.

Video 1

Video 2

Building Apps with React Native

William Candillon

Looking at how little you need to build a mobile app today is exalting. The barrier to entry has never been so low. With its “Learn once, write anywhere” approach, React Native has enabled the front-end community to build apps with a professional finish using virtually only JavaScript and CSS skills. It also dramatically reduced the development gap between iOS and Android. Novelties in programming languages such as ES6, Typescript, and Flow have enabled developers to write scalable JS codebases with low maintenance costs. On top of that, backend as a service products like Firebase provide all the necessary capabilities needed for a mobile backend with a bootstrap cost of zero dollars: database, storage, push notifications, middleware, and analytics. Innovations within these products are fast and substantial: Writing a React app today is much simpler than it used to be when I first got started. Cherry on top of the cake? The community and tools around these technologies are awesome. Hard to imagine a better time and place to write software.


June 2017

Review and comments:

Web Cryptography API - Use Cases

Jose Aguinaga

On January of 2017, the Web Cryptography API became a W3C recommendation. Using native browser implementations of cryptography techniques, developers can provided client-side solutions to their users to protect their data, create zero-knowledge systems, and provide customer specific content without relying on server-side implementations.

During this short talk, we saw some use cases of the Web Cryptography API, as well as some of its implementations to encrypt user's data.

Metaphors We Compute By

Alvaro Videla

We think in words, we talk with words, we understand the world thanks to words. Metaphors take words to the next level explaining concepts that were escaping our understanding before. In 1980 George Lakoff revolutionised the Linguistic and Philosophic worlds when he studied how metaphors affect our thinking, how they influence our actions and even shape who we are. What happens with the metaphors that we use in the Software Industry?

In this talk we reviewed the importance that metaphors have in our code quality, in the algorithms we choose, and the products we ship.

my name is Bot, geoBot

Robert Leckenby

A short story of a geologist discovering the joys (and frustrations) of coding

May 2017

Review and comments:

Scalable Web Applications with 100% Open Source: Docker, Kubernetes and OpenShift

Aarno Aukia, CTO

New technologies like Docker, Kubernetes and Openshift make it much easier to run web applications on multiple servers for redundancy and load-balancing. In this talk Aarno explained how the 100% open-source Docker, Kubernetes and Openshift work and how to run applications on this stack. He showed a live examples how to combine them with Git into a complete continuous delivery pipeline.


Go for Web Development

Ivan Jovanovic

Go is already well know for its simplicity and power in the web development domain. Anyway, given that there are many established technologies in this domain already, it is not a go-to tool for many projects or teams. In this short time, Ivan presented an overview of its capabilities for web development and how it relates to technologies which are currently more popular.


How we created a central Sketch document as a styleguide

Min Chen

A practical showcase on how to create a design system with resizable nested symbols in Sketch.

April 2017

Review and comments:


How many users is a picture worth? - Illustration in interfaces

Tibor Kranjc

While interface standardisation in the form of Apple and Microsoft’s flat design or Google’s Material Design has ushered in an era of user-friendly and easy-to-use tools, even its greatest fans will admit that the resulting similarity of interfaces is also a disadvantage. It brought about three main challenges: how to set our products apart from the competition and overcome the dullness of uniformity, humanizing the product in the process. Tibor argues that illustration is a great solution to this problem. He showed how it can explain use better than words, distinguish our product and make our users identify with it.

Memi Beltrame

Protostrap - A prototyping tool for coding designers

Memi Beltrame

Protostrap is an easy to learn, simple yet effective prototyping tool that let's you build highly interactive prototypes for desktop or mobile in no time. This talk was a shameless plug of why Protostrap eats any other prototyping tool for breakfast, bragging about the things you can do with it and showing why your prototypes will be like the real deal - before the real deal.

Protostrap is an open source framework and free!

Martin Ockajak

Assembly thy Web

Martin Ockajak

In this short talk, we discussed how it could extend the capabilities of the web as a software platform by examining its existing, planned and potential features.


March 2017

Review and comments:

The economy of a keystroke

Kyle Simpson

What do we buy with making fewer or more keystrokes? What is efficient in terms of code and communication? Is syntactic sugar good or bad? We pondered these and more questions...

Growing up with the PHP community

Michelle Sanver

Year 2000 was the year of functions2.php. Today we write fully engineered Object Oriented software. All in the same language. PHP has grown and we as developers and people have grown with the new changes over the years. Michelle showed as what truly changed her life as she grew up being a 12 year old girl learning PHP 4 while women got treated like shit online to today making people's lives better with PHP 7 and an amazing community where we grow further together, men, women and elePHPants alike.

Feature prioritization

Tammie Hutto-Egloff

In this talk, Tammie covered two types of feature prioritization. The first method can be used when there is an overabundance of features, with little guidance (or non-agreement) on how to prioritize them. The second method is a fun game I like to play in usability sessions to help guide the prioritization of a small list of features that are highly debated by the development team.

From zero to love - how to build a great B2B SaaS product

Robin Guldner

Robin showed us what he learned at Avrios from building our product in the past two years

February 2017

Review and comments:


Beni Buess

An introduction to the JS application framework Beni told us why he thinks it's awesome, whats in there, where it's heading.

Video (thanks to denu5 for recording)

"Real" Prototypes For The Win!

Nick Niles

In this demo, Nick showed us some tips and tricks that designers and devs can use to quickly get an HTML/CSS/JS prototype on its feet.

Video (thanks to denu5 for recording)

A writer, a designer and an engineer walk into a bar... – A creative take on structuring software information

Gabriela Patil

At our startup Twygg, our mission is to represent key information about software projects. We showed how our interdisciplinary team went about developing a new visual language about this highly abstract subject. Physical structures started to emerge as we aggregated data and looked for meaningful ways to organize it. Mixing graphical design with data engineering and ontological work has been challenging. However, information is always subjective, and architecting it greatly benefits from different perspectives.

Video (thanks to denu5 for recording)

January 2017

Review and comments:

HTTP Caching

David Buchmann

In this introduction, David took us to explore HTTP and we looked at how a web server can control what may be cached.

Icons: A visual shorthand

Pankaj Juvekar

Pankaj talked about icons and their design, guiding us through their story, what they mean and how to design them.

Framework-agnostic web applications with Redux

Joao Figueiredo

In this short talk we briefly looked at redux architecture, and how to make use of it in React, Angular2 and VueJs. We built together a small application and reused most of its business logic in all these three frameworks.

Slides & Code / Demo

December 2016

Review and comments:

Making Airconsole

Alice Ruppert

Alice shared the learnings from Airconsole after one year of building up a web-based gaming platform


The E*Word or what I learned designing for e-commerce projects

Fabienne Gafner

Fabienne shared insights and findings about ux and usability in e-commerce and how to design product search & listing and checkout pages.

The State of Security on the Web

Tiago Henriques

Tiago gathered Internet-wide data on security and showed us what we can learn from it and get some interesting insights into the state of the global web


November 2016

Review and comments:

Neos - an introduction

Stefan Bruggmann

Stefan gave us an introduction into the Neos CMS and how to build a content-driven platform with it.

Let's Encrypt all the things!

Matthias Indermühle

We learned how to usw the automated Let’s Encrypt CA to get SSL for our websites for free and without the hassle.

Design systems not values

David A.

David talked about how to explain design to make it work in frontend and how to code and respect your designer.

October 2016

Review and comments:

Colors - how to make things prettier by default

David A.

David talked about colours and how they help shaping the visual identity.

Module Loading Everywhere with SystemJS

Gion Kunz

Gion introduced us to SystemJS and JSPM. We looked at real world use-cases & how to solve them with these two.

Conversational UX

Adrian Zumbrunnen

Adrian told us more about making conversational interfaces to create great, intuitive user experiences, even for use cases where "chat" isn't the obvious description at first.

September 2016

Review and comments:

An alternative approach to ES2015 modules bundling

Alberto Piai

In order to introduce ES2015 modules in our legacy codebase, we had to take a different approach than the widely adopted method of using pre-built bundles.
Alberto showed us his solution and explain the reasoning that led to it.

Introduction to Vue.js


Vue.js is a relatively new JavaScript framework that gained a lot of traction over the past year.
Joris gave a short introduction to the framework from his practical experience with it.

Querying GeoJSON with Where2

Fidel Thomet

GeoJSON is a format to store geo data in an accessible way, yet there isn't much tooling to turn this into something consumable for applications easily.
Fidel showed us his tool "Where2" that allows to turn GeoJSON into an API quickly.

Your browser is out of date!

Update your browser to view this website correctly. Update my browser now