FaCSSt—CSS and Performance
Ahh… CSS and performance. Two of my favourite things! But how well do they play together? It depends…
In this very matter-of-fact talk, we’ll be looking at all of the different ways CSS can make our websites faster or slower. From the common and perhaps more obvious, to the unusual and obscure ways in which CSS can impact performance for better or worse.
Harry Roberts
Get Your Priorities Straight
We are not blessed with infinite resources, so when we make things for the web we have to decide what gets done and what doesn't. But what we choose to prioritize isn't always what deserves to be a priority. This talk explores the spurious thinking, the privileges and the prejudices, behind our faulty prioritizations and defends inclusive design as the ultimate priority when building interfaces.
Heydon Pickering
Exploring the new Drupal front-end with JavaScript 🌈🦄
Hear Dries Buytaert, founder and project lead of Drupal, give an update on the evolving role and exciting future of JavaScript in Drupal. He’ll discuss the merits of API-first vs. API-only approaches, give behind-the-scenes insights into the JavaScript modernization initiative, and tell the story of the past, present and future of JavaScript across the stack.
Dries Buytaert
PWAs, are we there yet?!
Progressive web applications are the new hip and all the cool kids are on board. They are slowly becoming an industry standard for building web applications. With reliability, speed and immersive user experience in mind, PWAs help you reach a broader audience. But what are the gotchas? Let's explore some of the limitations we might encounter compared to native applications. Which traditionally…
Simona Cotin
Building a component based library with React
Building a component based library with React for re-use in the real world! How Justlease adapted React in their white-labeled headless setup. A deep dive into setting up a multi themed React environment. Using tools like storybook, flow and styled components to create an abstract layer to serve multiple web and mobile applications.
In this talk I will explain what real-life problems we ran into…
Ferry Kobus
Creating daily art with code
As my background is in Graphic Design and Interaction Design, I always worked with technology to design digital and print work. During my studies in Interaction Design, I was mostly focused on creating the design and interaction of the projects we worked on, not the technology. As I have been fascinated by generative art and drawing with code for a long time, I started in 2014 to explore how to…
Saskia Freeke
A practical guide to style guide driven development
The old-school way of building interfaces screen by screen or page by page is slow, full of mistakes and results in a product that is difficult to maintain and takes forever to change. The alternative is style guide driven development - creating an interface as a system of reusable components. Modular flexible design, well organised code and smooth easily controlled process.
More and more…
Tatiana Kolesnikova
Arvid Torset
Atomic design in responsive design
Until 2010 we created fixed websites. The only issue was IE. From 2010 with responsive design that first appeared as a trend, nowadays with so many devices is a standard, we have new challenges: to create not just good user experience but a great one. Can we make better design system to bulid websites?
Yes! Marija will talk about the concept of atomic design in responsive design and its elements:…
Marija Zaric
Breaking the norm with creative CSS
Feeling uninspired and tired of constantly building the same layouts? Let’s leverage the CSS superpowers you might have heard about before, but haven’t already used. Let’s explore new CSS features that give us a great set of tools and enable to do amazing things on the web! The future of web graphics and CSS as a design language is bright, and finally it will make us less dependent on the image…
Aga Naplocha
Debugging, Profiling, & Rocking Out with Browser-Based Developer Tools!
Browser based developer tools have become an indispensable tool for modern front-end web development. New features and changes are being added at a rapid pace, and keeping up with all of the changes is difficult, but well worth it!
In this presentation, I’ll walk the attendees through the tricks of the trade of Chrome developer tools, in addition to Firefox and Safari’s developer tools. I’ll walk…
Mike Herchel
Privacy, data protection, and open source development
Open source content management systems are made by those who show up. This creates a unique challenge when developing for privacy and data protection, as contributors bring very different cultural and legal approaches to the table. As project contributors, we need to acknowledge those differences, and the issues they create, so that we can provide a better standard of privacy for those who use our…
Heather Burns
Debunking the Imposter Syndrome Myth
Imposter syndrome is a term often used to explain feelings of incompetence or a lack of confidence when one is surrounded by a group of peers. In this talk, I make the case that the use of the term 'imposter syndrome' is an inadequate descriptor of pedagogical pathologies in the tech world. Rather than excuse the feelings of inadequacy as a natural aspect of a career in tech, we can access tools…
Necoline Hubner
Decrease your conversions – common ways to lock people out
Building products for the web means building products for everybody. We spend hours and hours on optimising user flows, tweaking designs and A/B testing the heck out of everything. The problem is that we as developers, product owners and designers often think about the targeted customer under optimal conditions and ignore minorities. In this talk, we will take a look at common problems of the web…
Stefan Judis
Designing Anticipated User Experiences
The development towards anticipatory experiences is welcome by most since the human brain is not made for the number of choices we have to make on a daily basis. For his Masters Digital Experience Design at Hyper Island, Joel has researched within the field of design and the ethical challenges we face during the development of machine learning-based anticipatory systems. In this meetup, he will…
Joël van Bodegraven
Fun with Bluetooth
Time for JavaScript to get physical. With WebBluetooth the Chrome browser can actually take control of all kinds of physical devices in the real world like lightbulbs, robots and even drones. And nowadays you can even run JavaScript straight on microcontrollers and even little Bluetooth beacons. This talk will teach you the basics that you need to get started and give a peek at some more advanced…
Niels Leenheer
Ambitious Editorial Experiences with Headless Drupal
"The front-end moves faster than Drupal, whether Drupal likes it or not" This reference from "The state of the Front-end" session at DrupalCon Amsterdam explains that we need different ways to retrieve content from a Drupal site for an easy integration with new front-end frameworks and other 3rd-party applications. This allows non-experienced front-end developers to start theming Drupal using the…
Ruben Teijeiro
In Defence of CSS and the Cascade
CSS is magical. It's magical because of the one part that everyone complains about, the one part that it has become popular to try and remove - the cascade!
This talk will will show how the cascade isn't just about specificity and overriding properties. The cascade is fractal, existing at every level of CSS. It's about how we write CSS that works for everybody. It's about writing CSS that copes…
Charlie Owen
I’ve built a SPA, now what?
What to do now that you’ve built your SPA using create-react-app, angular-cli, vue-cli, how do you host it? How do you host it so it scales automatically? How do you host it so it scales automatically and is cheap? SPAs are only half the story, what about the rest of your app? What about that cron-job that sends emails? What about the API, where do you put that?
Asim Hussain
Responsive Images and Art Direction
Optimizing images can drastically decrease the page load time because, on average, 60% of a website’s page weight is made up of them. Responsive Web Design has changed how the web is built and that includes images too, because the aim is to deliver the highest quality image supported and nothing more. So nowadays we have new standard elements and attributes to work with images widely supported by…
Cristina Chumillas
Talk over text: Conversational interface design and usability
With the ongoing explosion of conversational interfaces in the form of chatbots and voice assistants, a concomitant revolution is happening in content strategy, design, information architecture, and user experience for conversational experiences.
Conversational content throws several wrenches in the web-based content paradigms that have been essential to our current understanding of content, how…
Preston So
The web is ready for great graphic design
Some of the world's greatest print design was made on known canvases, with known content using known color options. On the web, we have more flexible tools. Media queries, flexible units, Grid Layout and Flexbox let us do great graphic design. With flexibility.
Hidde de Vries
Vue.js deep dive, looking to the future
Vue.js is a progressive framework, we will entangle into the internals of Vue.js. Looking at the principles, benefits, caveats of many powerful features. Including Reactivity, Templates, Render Functions, Hydration, Single File Components. While doing this we will look at how modern ES(X) features will evolve Vue to be an even more powerful.
Blake Newman
We need to talk about Preact
I know many of you have heard about Preact and may have even played around with it but have you seen it's true potential? In this talk we are going to have the needed discussion about Preact and why it's awesome.
Sara Vieira
What Can We Learn With JavaScript Fatigue?
By the time I'm writing this abstract NPM has 568,191packages. Tomorrow an average of 447 new ones will be published.
In this talk, I will not complain about it. Instead, we will study this phenomenon in depth and see what can we learn from JS Fatigue and how to deal with it without headaches.
The whole reason for JS Fatigue is not the huge amount of modules we've got available, the real issue is…
Lucas da Costa
What's next for JavaScript?
With ES2015 a lot has changed in JavaScript-land. Lesser known releases are the ES2016 and ES2017 releases. This talk not only touches these two new releases, but also looks forward at what's to come next for JavaScript (ES2018 and more)
Bram Van Damme
Visual Studio Code can do that?
Do you use Visual Studio Code? Do you think you know it pretty well? Let’s find out.
Visual Studio Code is catching fire with JavaScript developers because it can do a LOT. From productivity tips to debugging Docker containers on the fly and even hacking the editor itself, we’ll assemble the best features and extensions for VS Code that nobody ever bothered to tell you about.
This is your…
Burke Holland
Beyond the DOM: what’s in the accessibility tree for you?
The days that assistive technology like screen readers just scrape the DOM to present the content of a web page are long gone. These days, there are sophisticated APIs that browsers and assistive technologies use to communicate. A key part in this communication is the accessibility tree, the representation of your web page that can be queried by assistive technology. We’ll explore this tree and…
Bram Duvigneau
Designing for product-service ecosystems
We are rapidly moving into a world where apps, products, services, etc. are all connected. At the same time, new interface and interaction technologies such as AR, voice UI and conversational UI become more and more accessible. How do we design for this new way of looking at user-product interaction? Where is the value for users, customers, and businesses?
Philips is operating in this domain, and…
Thomas Visser