Stack Overflow
Stack Overflow

Questions tagged [progressive-enhancement]

Progressive enhancement uses web technologies in a layered fashion that allows everyone to access the basic content and functionality of a web page (regardless of browser) and providing an enhanced experience to those with better bandwidth, more advanced browser features or more experience.

Progressive Enhancement is a development technique that stresses the primacy of the semantic HTML, then testing for browser-capability and conditionally "layering" on JavaScript and/or CSS enhancements for the browsers that can utilize those enhancements.

One of the keys is understanding the Progressive Enhancement technique tests what the browser can do, as opposed to browser-sniffing.

Progressive-Enhancement is inherently (section 508) accessible; it provides for meeting the letter of the law and the spirit of the rule.

The Filament Group wrote the excellent "Designing With Progressive Enhancement" book on the subject.

185 questions
3
votes
2 answers

How should I address the role of redundancy in Progressive Enhancement / Graceful Degradation?

This question arose when I was working on answering another question about best practices for placeholder text in inputs and textareas. Using the HTML5 placeholder is surely optimal, but at this point in time it still seems necessary to add a…
leifparker
  • 854
  • 9
  • 18
3
votes
2 answers

Clean Progressive Enhancement

I am using progressive enhancement to build a website. This includes menu, slideshow, etc. The items are included in the page as unordered lists, then JavaScript applies the formatting. My concern: how can I avoid the flash of unformatted content,…
Christophe
  • 27,383
  • 28
  • 97
  • 140
3
votes
0 answers

Progressive enhancement and react

Am I right in saying that it is impossible to do progressive enhancement without some form of server side rendering. A static build of a react application will not meet the requirements of a PE application. Is there anything that can be done with…
dagda1
  • 26,856
  • 59
  • 237
  • 450
3
votes
1 answer

Mixing Vue.js into existing SSR website?

Is it possible/viable to use Vue to create components that get instantiated onto custom tags rendered by e.g. a PHP application? Some kind of "custom elements light"? It "works" if I mount the Vue instance onto the page root element, but - as far as…
Philipp Melab
  • 409
  • 1
  • 4
  • 14
3
votes
0 answers

Swipe and advance javascript functionality enabling in Opera Mini like Flipkart Snapdeal and Amazon

How can we enable advance Java-script functionalities which only works with work with Opera Mini high mode also work with Opera Mini Extreme Data saving mode, is this only possible with the Opera Side by allowing the specific domain to work like…
MANJEET
  • 1,733
  • 2
  • 12
  • 21
3
votes
1 answer

threejs benchmark and progressive enhancement

I am loading a ThreeJS scene on a website and I would like to optimize it depending on the capacity of the graphic card. Is there a way to quickly benchmark the client computer and have some data that will let me decide how demanding or simple has…
stilllife
  • 1,776
  • 1
  • 18
  • 38
3
votes
2 answers

Can ReactJS initialize its state based on a server-side rendered DOM?

I love how easy it is to do isomorphic JavaScript in React. The only thing that bothers me with how it works is that the data has to be downloaded twice by the browser. First in the DOM markup and again in JSON format to initialize state at runtime.…
SavoryBytes
  • 35,571
  • 4
  • 52
  • 61
3
votes
1 answer

How do I create a full screen click target to work with CSS-only navigation menu with :target?

Related to StackOverflow question: CSS only menu close on target, although the question seems to be poorly articulated and therefore didn't receive any answers. I'm looking to create a navigations menu using progressive enhancement on a mobile-first…
Roy
  • 1,468
  • 4
  • 21
  • 40
3
votes
1 answer

Horizontal scrolling without JavaScript

I'm putting together a horizontally scrolling layout to display nested content (think files within folders within folders ad infinitum). For purposes of graceful degradation, is there any way whatsoever to load the page initially scrolled all the…
avramov
  • 2,119
  • 2
  • 18
  • 41
3
votes
2 answers

is there a site offering a localised overview of all alternative browsers

I would show IE6 visitors a site with limited css (Progressive Enhancement) but would also like them to gently show a header informing them they can/should upgrade to a modern browser. There are initiatives out there, like ie6nomore, who do just…
newnomad
  • 97
  • 7
3
votes
2 answers

jQuery mobile 1.4 not enhancing content added with knockout.js

I create a list of elements with a knockout.js 'foreach', and want these to be enhanced to jQuery mobile buttons.
gzost
  • 2,375
  • 1
  • 18
  • 25
3
votes
3 answers

Strategies to block an external webservice to simulate "down" during for a testing scenario?

I am working to integrate data from an external web service in the client side of my appliction. Someone asked me to test the condition when the service is unavailable or down. Anyone have any tips on how to block this site temporarily while we run…
MikeJ
  • 14,430
  • 21
  • 71
  • 87
3
votes
2 answers

Detect support for meta viewport scaling

Is it possible to detect whether the browser will scale the website based on the meta viewport element?
Nikolay Yordanov
  • 1,404
  • 16
  • 25
3
votes
1 answer

Progressive enhancement with Silverlight

Can I detect with Javascript if the client has the needed runtime to run a Silverlight section in a page, and load if if they do, otherwise leave a static image or something in that area? I would like to add some Silverlight to a page, but it's not…
Max Schmeling
  • 12,363
  • 14
  • 66
  • 109
3
votes
7 answers

Progressive enhancement tricks

There's a real art to designing a website that works for everyone, and Progressive Enhancement is practically a mantra to me... So I'm wondering, what are some of the best tricks you've used for making websites work for everyone regardless of…
Gabriel Hurley
  • 39,690
  • 13
  • 62
  • 88
1 2 3
…
12 13