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

Tips & Tricks in Front-End Development

Tips & Tricks in Front-End Development

forLoop #2

Ire Aderinokun

June 18, 2016
Tweet

More Decks by Ire Aderinokun

Other Decks in Programming

Transcript

  1. About me • Ire Aderinokun • User Interface Designer and

    Front-End Developer • Design+Tech, Big Cabal Media • Writer, www.bitsofco.de
  2. 2 Facts about <img> 1. We can apply typography-related styling

    to the <img> element 2. The <img> element is a “replaced element”
  3. What’s the deal with Opera Mini? • High vs Extreme

    Savings Mode • Uses the Presto rendering engine • Limited support for many HTML, CSS, and Javascript features • Javascript is executed on the server, not the client
  4. Provide Sensible Fallbacks or Alternatives Web Fonts System Fonts Icon

    Fonts SVG or Images Gradients Solid Background Colours Animations Meaningful Initial Frame
  5. Test Without Javascript • Can the user complete the main

    purpose of the site without javascript enabled?
  6. CSS