Frontend United 2018
2018-06-01..2018-06-02
Utrecht, Netherlands
[Frontend United 2016, Frontend United 2017, Frontend United 2018, Frontend United 2019]
as the organisers put it
Frontend United is a yearly European conference that moves from country to country. Its aim is to bring frontend developers, designers and Drupal themers from all kinds of backgrounds closer together and share knowledge, experiences and ideas face-to-face. We look towards frontend development and Drupal from the outside-in and reach out to specialists around the globe to share their passion. Frontend United looks to help grow the local community as well as build bridges across Europe for future collaborations and cross-border networking and working opportunities.
who it's for
frontend developers, web designers, Drupal themers, UI engineers, accessibility engineers, product designers, engineering managers
topics
progressive web apps; service workers and caching; Vue single-file components; Preact compatibility and CLI; accessibility tree and AOM; style guide driven development; headless Drupal with JSON API; responsive images and srcset; CSS performance and critical CSS; browser developer tools profiling; conversational interface design
| title | author | length |
|---|---|---|
| FaCSSt—CSS and Performance | Harry Roberts | 47m |
Claims and measurements focus decisions: saving 300 ms = potential £8.1M/yr; a 1 MB stylesheet = ~200 ms parse on Moto G4; base64 in CSS makes first paint… | ||
| Vue.js deep dive, looking to the future | Blake Newman | 39m |
A demo shows a survey platform handling 1,000 responses from a 24-question survey and targeting 18 million customers across 80 countries, with client-side… | ||
| Beyond the DOM: what’s in the accessibility tree for you? | Bram Duvigneau | 43m |
Explains what actually lives in the accessibility tree and how browsers expose it: Chrome shows per‑element computed name/role since Chrome 65 while Firefox… | ||
| PWAs, are we there yet?! | Simona Cotin | 48m |
Progressive Web Apps reach practical maturity: service workers plus a web manifest over HTTPS give offline, installable apps; Angular CLI adds a PWA with one… | ||
| Designing for product-service ecosystems | Thomas Visser | |
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… | ||
| Breaking the norm with creative CSS | Aga Naplocha | 24m |
Demos show concrete techniques: a pasted SVG used as clip-path with SVG via URL to make a splash-shaped viewport, image cutouts that avoid heavy PNGs (claim… | ||
| Debunking the Imposter Syndrome Myth | Necoline Hubner | 25m |
Argues that “imposter syndrome” is a mislabel for a learning problem and offers a concrete framework: the four knowledge types known knowns known unknowns… | ||
| Talk over text: Conversational interface design and usability | Preston So | 54m |
Shows a working Alexa skill for Georgia built from canonical Drupal content using an Alexa-Drupal integration module, with decision flows, a content audit and… | ||
| We need to talk about Preact | Sara Vieira | 41m |
Claims that Preact is a 3KB alternative to React with the same ES2015 API, shows drop-in compatibility via preact-compat and a webpack alias, and ships a CLI… | ||
| Debugging, Profiling, & Rocking Out with Browser-Based Developer Tools! | Mike Herchel | 47m |
Live demos show actual debugging moves: use Chrome Canary and Command-Option-C to inspect, set a DOM breakpoint to land in the JS that adds the SJS active… | ||
| Decrease your conversions – common ways to lock people out | Stefan Judis | 48m |
Shows concrete losses and fixes: median image is ~800 KB so switching PNGs to JPEG or WebP and using picture element plus srcset cuts payload from cents per… | ||
| A practical guide to style guide driven development | Tatiana Kolesnikova, Arvid Torset | 48m |
Claims that style guide driven development makes designer and front-end work a single source of truth by building synchronized design and code libraries… | ||
| Exploring the new Drupal front-end with JavaScript 🌈🦄 | Dries Buytaert | 55m |
Drupal positions itself as an API‑first platform: JSON API in core is targeted for 8.6, REST exposes all entity types, and missing admin APIs are being added… | ||
| Privacy, data protection, and open source development | Heather Burns | 46m |
Proposes an open-source privacy best-practice standard grounded in eleven common values rather than a specific law, and demonstrates concrete work: data… | ||
| Visual Studio Code can do that? | Burke Holland | 48m |
Live demo shows concrete VS Code features and how they behave: Command+Shift+P and the developer tools reveal an Electron/Monaco app, themes and icon packs… | ||
| The web is ready for great graphic design | Hidde de Vries | 48m |
Argues the web can finally deliver concrete modernist graphic design: equal-height cards via flexbox and CSS Grid, intentional whitespace with grid lines and… | ||
| I’ve built a SPA, now what? | Asim Hussain | 46m |
Built a Twitter trading demo that nets $61 and uses real examples to justify architecture decisions, not buzzwords. The SPA is treated as static and served… | ||
| Atomic design in responsive design | Marija Zaric | 36m |
Argues that atomic design plus reuse of tested components speeds delivery: builds a portfolio site from Bootstrap templates, codes in Dreamweaver and designs… | ||
| In Defence of CSS and the Cascade | Charlie Owen | 31m |
Argues that the Cascade is a feature not a bug and that practical rules beat reinventing CSS, showing concrete tactics: use CSS custom properties and Sass… | ||
| What Can We Learn With JavaScript Fatigue? | Lucas Fernandes Da Costa | 23m |
Argues JavaScript fatigue often equals decision fatigue and backs it with numbers and histories: NPM 520k packages, npm traffic up 1,000×, and concrete tool… | ||
| Creating daily art with code | Saskia Freeke | 46m |
Makes one artwork every day since 1 January 2015 and reaches day 1,249, using Processing, p5.js, openFrameworks, Texels and Hype to generate grid-based rules… | ||
| Ambitious Editorial Experiences with Headless Drupal | Ruben Teijeiro | 46m |
An experimental headless editorial stack pairs Drupal 8 as a content backend with a React inline editor that supports drag‑and‑drop paragraphs, instant preview… | ||
| Fun with Bluetooth | Niels Leenheer | 50m |
Claim: browsers can control real BLE hardware. Uses the Web Bluetooth API (navigator.bluetooth.requestDevice) with Chrome/Opera/Samsung support and relies on… | ||
| Responsive Images and Art Direction | Cristina Chumillas | 48m |
Slides give concrete takeaways: images make up 61% of average 3MB pages, use formats like WebP for ~20% size savings, and plan breakpoints then create an image… | ||
| Building a component based library with React | Ferry Kobus | 43m |
Built a reusable React component library that goes live for a Belgian label in February 2018 after a May 2017 prototype and uses Flow and Jest and Storybook… | ||
| Designing Anticipated User Experiences | Joël van Bodegraven | 26m |
Claim: machine learning can cut decision overload by predicting next moves and surfacing only the right option at the right moment. Tools shown include… | ||
| Get Your Priorities Straight | Heydon Pickering | 40m |
Argues that priorities are wrong by showing TaylorSwift.com as a nearly empty black page that still downloads 800 kilobytes because colour is set with… | ||
| nothing matches | ||