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
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
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
This summer, apple finally confirmed they are working on progressive web app support. In my opinion, this will be the big breakthrough for this awesome technology. So it's 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!
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.
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.
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!
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/
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.
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.
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.
Writing code for the web with old tools (like vim, tmux and make)
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.
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.
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.
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.
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.
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 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.
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.
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!
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...
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.
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.
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)
In this introduction, David took us to explore HTTP and we looked at how a web server can control what may be cached.
Pankaj talked about icons and their design, guiding us through their story, what they mean and how to design them.
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.
Fabienne shared insights and findings about ux and usability in e-commerce and how to design product search & listing and checkout pages.
Stefan gave us an introduction into the Neos CMS and how to build a content-driven platform with it.
We learned how to usw the automated Let’s Encrypt CA to get SSL for our websites for free and without the hassle.
David talked about colours and how they help shaping the visual identity.
Gion introduced us to SystemJS and JSPM. We looked at real world use-cases & how to solve them with these two.
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.
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.
Joris gave a short introduction to the framework from his practical experience with it.
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.
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!
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.
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!