March 2018Review and comments: meetup.com
Open Sourcing your daily work
We all love and use open source software every day. amazee.io is a Drupal Platform as a Service (PaaS) Provider. Since amazee.io’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
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.
February 2018Review and comments: meetup.com
Progressive Web Apps - the next big thing!
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!
Introduction to Information Visualisation
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 2018Review and comments: meetup.com
SiteXML: the missing part of the web
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 2017Review and comments: meetup.com
Make your animations perform well
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
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!
November 2017Review and comments: meetup.com
The Anatomy of a Thousand Typefaces
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
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
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 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.