Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

Unlike graceful degradation we don’t add in the functionality then remove it, instead we start with a base line that will work no matter what browser is used then add additional functionality if the web browser can support it.

•Separate HTML CSS and JavaScript

•Semantic tags.

Will work in all browsers

Using the progressive enhancement methodology, websites and web applications are:

  • By their nature more accessible.
  • Improved SEO as better readability using semantics.
  • Maintenance
  • Readable code
  • Separate HTML CSS and JavaScript

Progressive Enhancement:

Graceful degradation:

Progressive enhancement definitions:

Graceful degradation definitions:

Progressive enhancement method:

The main way of implementing graceful degradation is to pick specific browsers to develop for. This is usually the one that is in most common usage among the target audience of the web applications.

•Providing an alternative system for the end users to use.

•Locking out unsupported or untested browsers.

• Faster deployment and less design work is required.

• To patch an existing or deployed system.

• Old systems as they may provide workarounds.

The Next Generation a run for features:

The start of the web:

An example of graceful degradation:

Adding additional functionality:

Advantages of using progressive enhancement:

Solution with graceful degradation:

In the 1990’s the web was first linked to hypertext.

  • Usenet and electronic mail systems
  • text based systems
  • small-scale design work
  • Multiple browsers were developed.
  • Features race.
  • Monopolise the browser market.
  • Cross browser compatibility.

There is no way of linking to the print button

solution JavaScript

Graceful Degradation

and

Progressive Enhancement

The first browsers:

Web Design Examples:

The benefits of graceful degradation:

By Kevin G Morton

  • html "invented"

first browsers WorldWideWeb and Mosaic

  • displayed text and images
  • same standard
  • few compatibility issues

Using graceful degradation, developers can build web applications in a way that doesn’t effect the user experience in a way that it doesn’t break the functionality of the web applications.

• A standard user experience.

• Add more features.

• Used to patch a deployed system.

Learn more about creating dynamic, engaging presentations with Prezi