Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Responsive Web Applications

snookca
November 30, 2017

Responsive Web Applications

As presented at dotCSS in Paris, France

snookca

November 30, 2017
Tweet

More Decks by snookca

Other Decks in Technology

Transcript

  1. • No orders • One order • Less than one

    page of orders • Multiple pages of orders • Has Info Notifications • Tab overflow • Has Warning Notifications • Has limited access to features • Has different apps installed
  2. What’s Houdini: • Layout API • Custom Paint API •

    Parser API • Properties and Values • Animation Workout • Typed OM • Font Metrics API
  3. In Chrome: • Layout API • Custom Paint API •

    Parser API • Properties and Values • Animation Worklet • Typed OM • Font Metrics API
  4. .two-columns { display: flex; flex-wrap: wrap; } .col1, .col2 {

    flex-grow: 1; } .col1 { flex-basis: 66%; min-width: 360px; } .col2 { flex-basis: 33%; }