~/talk

Bridging the Designer-Developer Gap, PWA Edition

on YouTube 14m
Talkat Node+JS Interactive 2018 · on Wednesday, 2018-10-10· at 15:00· West Ballroom C· [design-collaboration, pwa]

speaker

name:Antoinette Janus
links:none on file

resources

video:https://youtu.be/AInlZmHNg0I
slides:none on file

summary

States that PWAs meet Google’s criteria of fast reliable and engaging and shows concrete steps: a web manifest as a simple JSON file with name, icons (multiple sizes), theme_color and background_color for address bar and splash screens; component rules for buttons (styles, enabled/disabled, events) mapped between design files and front-end code via examples in VS Code and CodePen; a living design system hosted in Bitbucket/GitHub with code snippets; audits like Lighthouse and sonarwhal validate metrics such as first paint and installability.

AI-written summary · about

chapters (4)

  1. 0:00Start
  2. 2:15Design Systems
  3. 2:50Components
  4. 7:22Design System Documentation

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.