Frontend United 2019
2019-05-16..2019-05-17
Utrecht, Netherlands
[Frontend United 2016, Frontend United 2017, Frontend United 2018, Frontend United 2019]
who it's for
frontend developers, web designers, ui ux designers, accessibility specialists, React developers, Vue developers, design system maintainers
topics
offline first web apps; CSS Houdini APIs; CSS Grid layouts; responsive interface patterns; SVG for interfaces; JAMstack sites; browser APIs usage; webfonts workflow 2019; inclusive design for deaf users; ethics in product design; Gatsby decoupled websites; Vue 3.0 features
| title | author | length |
|---|---|---|
| Going offline | Jeremy Keith | 52m |
Claims that service workers + Cache API let regular sites behave like apps: HTTPS site registers navigator.serviceWorker.register('/serviceworker.js')… | ||
| Getting extra with CSS Houdini | Una Kravets | 46m |
Houdini actually lets authors write JavaScript worklets that hook into the CSS pipeline so browsers can understand new CSS from the start: the… | ||
| Understanding equality, diversity, inclusion and unconscious bias in our minds | Trevor Gordon | 48m |
A 50‑minute session that makes three copyrighted videos central, claims unconscious bias is universal and measurable (mentions a new brain‑cage lie detector… | ||
| Grids all the way down | Rachel Andrew | 59m |
Two years after Grid Layout ships the spec adds subgrid to let nested components share parent tracks so captions and card internals line up without breaking… | ||
| Smart responsive interface design patterns | Vitaly Friedman | 01h 10m |
Microscopic examples and tests decide what works: thumb reach studies show six postures and an average finger target of 11 mm so off-center taps and missed… | ||
| The web design cheat code: Using SVG to bridge CSS’ gaps | Lea verou | 59m |
Shows concrete techniques: embed SVG data URIs in CSS to paint characters and emojis, include internal <style> to run CSS animations, and use stroke-dasharray… | ||
| JAMstack: Silly name, serious stuff | Phil Hawksworth | 51m |
Claims that pre-rendering to a CDN cuts complexity and risk: Netlify-style immutable atomic deploys, GIT-triggered CI builds, and serverless functions… | ||
| Browser API's: The unknown super heroes | Rowdy Rabouw | 45m |
Demos prove concrete outcomes: Geolocation API returns latitude/longitude and plots it on Google Maps; Battery Status API reports 48% and ~6400s drain enabling… | ||
| SVGs beyond mere shapes | Nadieh Bremer | 47m |
Shows concrete techniques and results: uses d3.js with JS and CSS to generate per-item radial gradients for planets, data-driven linear gradients for legends… | ||
| Webfonts in 2019: Everything changes | Chris Lilley | 38m |
Concrete changes and tools: 70% of websites use downloadable fonts and CSS Fonts 4 + OpenType 1.8 bring variable fonts so one file interpolates thousands of… | ||
| Designing for deaf people, for everyone actually | Marie Van Driessche | 44m |
Argues that sign languages are distinct visual native languages so subtitles or auto-captions alone fail; gives concrete fixes: write short sentences and one… | ||
| Future Ethics | Cennydd Bowles | 45m |
Argues technology is never neutral and urges concrete practices: build a two‑meter provocatype EV charger with RFID status cards to reveal how algorithms… | ||
| Modern React Applications | Sander Tirez, Svetlana Pak | 44m |
Walks through building an election‑quiz single‑page app with Webpack, React 16.8+ and code splitting, proving the claims with live code: implements useState… | ||
| How to design an award-winning website | Peter van Grieken, Luc Princen | 41m |
KIT wins Best Site at the Automattic Design Awards after a four-month project that migrates a WordPress multisite into one site and ships a Gutenberg-ready… | ||
| Creating a design system that people actually use | Rebecca Hill | 50m |
A concrete system called Stylabilla exists: a living CSS style guide backed by a Sketch file and a separate React Stylabilla component library, consumed via… | ||
| Using GatsbyJS to build a decoupled (Drupal) website (Live demo) | Mark Conroy | 50m |
Live demo builds a decoupled site with GatsbyJS plus a Drupal backend, showing actual code, workflows and failures — six Git branches for staged demos, hot… | ||
| Exclusive design | Vasilis Van Gemert | 46m |
Research claim: building tailor-made interfaces for individual disabled users uncovers wrong assumptions, not theory — a tab-focused UI fails when one user… | ||
| I don't care what Airbnb is doing (and neither should you) | Stephen Hay | 41m |
Title warns against copying Airbnb yet says more: stop choosing ready‑made UI and search for evidence about how a convention actually performs for this… | ||
| Vue.js, PWA and the subway dilemma | Ignacio Anaya | 45m |
Claim: web apps can close the gap with native apps and stop the “subway dilemma” by shipping offline-first behavior. Practical tools are named: Vue CLI PWA… | ||
| I built a frankenstein-monster: 3 Stories of migration | Denys Mishunov | 50m |
Three concrete migration stories claim one result: get complete‑rewrite quality with gradual delivery speed by using Frankenstein migration. The recipe uses… | ||
| Vue 3.0 – Things I’m totally hooked on | Damian Dulisz | 47m |
Vue 3 claims a ground-up rewrite into a monorepo with core pieces split into packages, is written in TypeScript, and aims for a runtime of ~10 KB gzipped vs… | ||
| Get your screen together: Design skills for frontend people | Silvia Otto Sequeira | 48m |
Argues that frontend developers need design judgment to reject unrealistic or non‑performant specs and to make small UX choices when no designer exists… | ||
| nothing matches | ||