O'Reilly logo

Learning Modernizr by Adam Watson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Determining the base experience

Now that we have the bones of the page in place, it would be a good time to stop and determine what the base, or core-level experience will be. Based on this determination, any necessary fallbacks or degradation can be put into place as well, as enhancements that the page will inherit and pick up on as the browser is updated to support such features.

Our base experience will use and assume support of the following:

  • Images for icons
  • Opacity
  • Hex colors
  • New HTML5 semantic elements
  • Custom fonts
  • Fixed positioning

Images for icons

For the core experience, we're going to assume that our users aren't supporting the latest and greatest features used to make icons. These being, but not limited to, border-radius, css-gradients, box-shadow ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required