October 2017Review and comments: meetup.com
Problems solved with Flexbox
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
Writing code for the web with old tools (like vim, tmux and make)
September 2017Review and comments: meetup.com
A fully functional webapp
August 2017Review and comments: meetup.com
UI's across multiple devices
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
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
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 2017Review and comments: meetup.com
Building Apps with React Native
June 2017Review and comments: meetup.com
Web Cryptography API - Use Cases
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
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.
May 2017Review and comments: meetup.com
Scalable Web Applications with 100% Open Source: Docker, Kubernetes and OpenShift
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
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.
April 2017Review and comments: meetup.com
How many users is a picture worth? - Illustration in interfaces
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 - A prototyping tool for coding designers
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!
March 2017Review and comments: meetup.com
The economy of a keystroke
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
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.
February 2017Review and comments: meetup.com
A writer, a designer and an engineer walk into a bar... – A creative take on structuring software information
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 2017Review and comments: meetup.com
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 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
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.
December 2016Review and comments: meetup.com
The E*Word or what I learned designing for e-commerce projects
Fabienne shared insights and findings about ux and usability in e-commerce and how to design product search & listing and checkout pages.
November 2016Review and comments: meetup.com
Neos - an introduction
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!
We learned how to usw the automated Let’s Encrypt CA to get SSL for our websites for free and without the hassle.
October 2016Review and comments: meetup.com
Colors - how to make things prettier by default
David talked about colours and how they help shaping the visual identity.
Module Loading Everywhere with SystemJS
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.
September 2016Review and comments: meetup.com
An alternative approach to ES2015 modules bundling
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 gave a short introduction to the framework from his practical experience with it.
Querying GeoJSON with Where2
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.