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
Slide 56
Slide 56 text
No content
Slide 57
Slide 57 text
Some Tips
Slide 58
Slide 58 text
Start with Semantic HTML
Slide 59
Slide 59 text
Provide Sensible
Fallbacks or Alternatives
Web Fonts System Fonts
Icon Fonts SVG or Images
Gradients Solid Background Colours
Animations Meaningful Initial Frame
Slide 60
Slide 60 text
Flexbox is your Friend
Slide 61
Slide 61 text
No content
Slide 62
Slide 62 text
Use SVG
Slide 63
Slide 63 text
Test Without Javascript
• Can the user complete the main purpose of the site
without javascript enabled?
Slide 64
Slide 64 text
Opera Mini forces us to practice
Progressive Enhancement
teaches