Frontend United 2017
2017-05-26..2017-05-27
Athens, Greece
[Frontend United 2016, Frontend United 2017, Frontend United 2018, Frontend United 2019]
who it's for
frontend developers, css specialists, Drupal developers, JavaScript developers, web designers, Angular developers, mobile hybrid developers
topics
CSS variables; CSS Grid Layout; CSS Houdini; container queries; component driven design; living styleguides for Drupal; Webpack core and advanced; service workers; universal (isomorphic) JavaScript; progressive enhancement; scaling CSS methodologies; Ionic multi-platform apps
| title | author | length |
|---|---|---|
| Keynote - Evaluating technology | Jeremy Keith | 01h 08m |
Argues that the right test for new web tech is the concrete failure mode not the hype and gives specific examples: how well does it fail as the key question… | ||
| Keynote: CSS Variables: var(--subtitle); | Lea verou | 59m |
CSS Custom Properties are usable today not just as prettier Sass variables but as real CSS properties that work like normal inherited properties and can be set… | ||
| lightning talk | Matt Claypotch | 13m |
Project Quantum is concrete: Mozilla uses Rust memory and thread safety to extract Servo components into Firefox. The quantum compositor is already in release… | ||
| Pre-keynote - New Adventures in Responsive Web Design | Vitaly Friedman | 01h 11m |
With HTTP/2, Service Workers, Responsive Images, Flexbox, SVG and Font Loading API now available in browsers, we all are still trying to figure out just the… | ||
| Back to the Future: No More Static Mockups! | Mark Conroy | 42m |
Argues that building designs in the browser removes surprise signoffs and saves work, shows concrete tooling and workflow: 46 Photoshop files (300 MB): 40… | ||
| Javascript without javascript | Patrick Kettner | 39m |
Demonstrates that Ruby libraries compile to browser JavaScript using opal and webpack, lands a working local Sass runtime called offline sass club after… | ||
| Living Styleguide in your Drupal projects: Benefit from component driven design. | Knud Frank | 49m |
Pattern Lab with Twig hooks into Drupal 8 so frontend teams build and preview a living styleguide that already supplies most Twig templates used in production… | ||
| Developer Roadshow | Matt Claypotch | 01h 15m |
Uploader showcases that A-Frame wraps Three.js into HTML custom elements so a spinning cube goes from dozens of WebGL calls to a few tags and actually runs on… | ||
| I really have to do this mega-menu, I have no choice... | Rachel Lawson | 43m |
Migrates the mega‑menu into Drupal 8 as editable content, exposes those items via a Views REST endpoint, and writes a small JS behavior that injects mega… | ||
| XXLCSS: a Battle Plan for Scaling CSS | Zaharenia Atzitzikaki | 44m |
Concrete checklist for cleaning a messy stylesheet and keeping it small as the product grows: use Sass and preprocessors for partials and manifests, follow… | ||
| Angular in 60 minutes | Nir Kaufman | 01h 02m |
Live builds a small whack‑a‑mole style game from scratch in sixty minutes using the Angular CLI and TypeScript, running ng new / ng generate to produce… | ||
| Headless Drupal | Ruben Teijeiro | 59m |
Claims Drupal 8 is API first and shows concrete tooling: REST/JSON endpoints, the contrib JSON API module, a GraphQL demo, BigPipe and a demonstrated Alexa… | ||
| Debugger; for developers | Denys Mishunov | 56m |
Title promises psychology not tools: claims that negative perfectionist paralysis, the imposter phenomenon, and permanent long hours measurably wreck… | ||
| Why are SJW killjoys always on about progressive enhancement? | Charlie Owen | 37m |
Argues progressive enhancement makes core content and journeys work for everybody and shows concrete techniques: start with HTML forms that submit to a server… | ||
| Responsive Web Applications with Container Queries | Jonathan Snook | 52m |
Claims that a component-first approach plus container queries makes a complex admin responsive quickly are backed by specifics: Shopify goes from monolithic… | ||
| Webpack: Core Concepts and Advance Topics | Avraam Mavridis | 26m |
WebPack offers developers a single build/bundle system that can do things that no other bundler in the past could achieve. In this session you will learn about… | ||
| Start Using CSS Grid Layout Today | Rachel Andrew | 01h 02m |
CSS Grid is already in browsers and the talk shows concrete examples: a 12‑column listing that uses repeat(), FR units, grid‑gap, auto‑placement, named… | ||
| Should Designers? | Dan Mall | 01h 02m |
Claim: limited code skills change workflow — designers learn font sizes and colors then use the web inspector and JSON configuration files to drive UI and… | ||
| Art of CSS | Natalya Shelburne | 51m |
Practical color theory deep dive shows actionable techniques: HSL-based workflows, CSS variables, and Sass color functions that generate complements, tints and… | ||
| Universal Javascript | Luciano Mammino | 53m |
Builds a working universal (server‑rendered) React app from a client SPA using Node and Express, with a shared JSON dataset of athletes, and actually serves… | ||
| 4 Apps 1 Code With Ionic | Sani Yusuf | 50m |
Claim: one codebase produces iOS, Android, Windows and a Progressive Web App with Ionic and Cordova, using Angular and the Ionic CLI/ Lab to build, run and… | ||
| CSS Houdini - from CSS variables to JavaScript and back | Serg Hospodarets | 53m |
CSS Custom Properties now live in major browsers and CSS Houdini adds a JavaScript API to registerProperty with type, initial value and inheritance so… | ||
| State of Drupal 8 frontend | Lauri Eskola | 53m |
Drupal 8 claims concrete front-end gains: Babel and ES6 in core and yarn in 8.4 are landed, Airbnb linting replaces old rules, and JavaScript testing exists… | ||
| You're only supposed to blow the bloody doors off! | Léonie Watson | 45m |
Shows that JavaScript and ARIA can help or break accessibility with concrete demos: VoiceOver NVDA JAWS and Narrator behavior is recorded, Twitter keyboard… | ||
| Service workers | Patrick Kettner | 43m |
Demo site plays a tiny animated loop to calm a child and proves offline works: a service worker pre-cache + runtime cache supplies fonts and lazyloads music… | ||
| nothing matches | ||