Join the people making the web in Zürich

Learn, share and collaborate with your local Web professionals and enthusiasts!

Next meetup: December 18th

Join us!

Meetups

Every month we meet to listen to some talks on Development, Design, UX or other web-related topics

After the talks there's ample time to meet & chat with your local web community

Slack channel

Find out what's up in Zürich & the web in our Slack channel


Get help from your local peers, find out what's going on around you

Share your stories

Sharing is caring! Why not talk about your latest project, the great tool you found or the problem you just solved recently?


Suggest a topic & speak at our meetup

Next meetups

When: 18.12.2017 18:30 / Where: Viadukt Bogen D, Viaduktstrasse 93, Zürich / Register: meetup.com

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. Let's learn 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 will explore WebVR using A-Frame and build a little VR experience that you can try right from your 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. You CSS is fast but are you?

Past meetups

November 2017

Review and comments: meetup.com

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: https://getflourish.github.io/anatomy-of-typefaces/

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: meetup.com

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. https://www.nzz.ch/storytelling/tech/

Slides

September 2017

Review and comments: meetup.com

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: meetup.com

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: meetup.com

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.

Slides

Graduation projects from Propulsion students

Propulsion

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.

Video

June 2017

Review and comments: meetup.com

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: meetup.com

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

Aarno Aukia, CTO VSHN.ch

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.

Slides

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.

Slides

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: meetup.com

photo_tibor_kranicj_170210

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.

Slides

March 2017

Review and comments: meetup.com

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: meetup.com

Aurelia

Beni Buess

An introduction to the JS application framework aurelia.io. 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: meetup.com

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: meetup.com

Making Airconsole

Alice Ruppert

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

Video

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

Video

November 2016

Review and comments: meetup.com

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: meetup.com

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: meetup.com

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

Joris

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.

Help us!

This meetup is from the community for the community, but somebody needs to make that happen!

Right now it is mostly a one man show by me but I need help keeping the ball rolling!

Help organising

It's easy to help:
Help us set up the room, update the website, reach out to new speakers or announce meetups on the meetup website.

Sponsor the meetups

If your company is looking for new talent, sponsoring the meetup is a great idea!
You get to present your company in a community of local professionals & help the local community!

Your browser is out of date!

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

×