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
0
votes
2 answers

Bypassing Javascript form handler

We are writing an ASP.NET MVC application. By default, if the client browser has Javascript, the handler for every form on the page is set, by Javascript, to be one that sends the submission down an Ajax "pipe" (progressive enhancement). But, for…
Ben Aston
  • 53,718
  • 65
  • 205
  • 331
0
votes
2 answers

Jqgrid & progressive enhancement: Successfully progresses from HTML, to local JSON, to remote JSON, but pager doesn't start correctly?

Take a look at what happens in my fiddle here: http://jsfiddle.net/tbH5H/ I'm trying to achieve proper progressive enhancement using jgrid. Everything works great, except I don't know how to give jqgrid the correct pager information on first load.…
prograhammer
  • 20,132
  • 13
  • 91
  • 118
0
votes
0 answers

How to handle dynamically-added DOM elements for progressive enhancement without knowing the method of adding?

I have a simple script that that "progressively enhances" specific elements with a draggable slider (demo of the jQuery plugin). Additional elements may be added, and the whole thing will be placed in many different scenarios (it's a…
frnhr
  • 12,354
  • 9
  • 63
  • 90
0
votes
0 answers

jQuery Mobile Header and footer take a lot of space when in landscape mode on iphone

Is there a way to keep the same size that a header has in portrait mode when you change the orientation to landscape mode in Jquery Mobile?. when you are working with a webapp you have your header and your footer which have approximately a height of…
xzibit
  • 3,197
  • 2
  • 17
  • 19
0
votes
1 answer

Progressive Enhancement on form (submission)

I have a form with . If Javascript is enabled I am removing this submit-input field by $('#no-js-submit').remove(); and add the "fire-ajax"-button with $('
Thommy
  • 59
  • 1
  • 2
  • 8
0
votes
1 answer

Progressive Enhancement with PhoneGap?

I'm working on PhoneGapping a mobile web app I wrote from the ground up, and I'm wondering what everyone's thoughts are on progressive enhancement? Right now, the PhoneGap app is just pointing at our domain, so whatever code is on the server is…
Brad Orego
  • 2,976
  • 3
  • 18
  • 24
0
votes
1 answer

Hypermedia api with progressice enhancement 2.0 - how is it possible?

If you are not familiar with these terms: progressice enhancement 2.0 hypermedia API Additional info: Building Hypermedia APIs with HTML HTML Hypermedia APIs and Adaptive Web Design The question: How is it possible to create a single client with…
inf3rno
  • 24,976
  • 11
  • 115
  • 197
0
votes
3 answers

php & jquery: progressive enhancement

I have several php pages that have forms used to submit data. My typical setup is to have the page post to itself so that I can validate the input and if necessary reload the page with the user submitted data (and markup to show where the error…
Joe Riggs
  • 1,312
  • 4
  • 23
  • 48
0
votes
3 answers

Does anyone know of a php framework that would handle progressive enhancement for Flash/Flex content?

Ok, I'm using the term "Progressive Enhancement" kind of loosely here but basically I have a Flash-based website that supports deep linking and loads content dynamically - what I'd like to do is provide alternate content (text) for those either not…
Paul Mignard
  • 5,824
  • 6
  • 44
  • 60
0
votes
1 answer

Cross-browser and JavaScript-less solution to submit button value issue

Given the following two buttons: When clicking these buttons, all browsers except IE7 and below will post the…
Jerad Rose
  • 15,235
  • 18
  • 82
  • 153
0
votes
2 answers

progressive enhancing tabbed navigation. (Using css only)

I'm planning on making a tabbed navigation on the site i'm designing. Initially, you could create it in javascript. But if someone browses the web w/ Javascript turned off. Then they won't see the links pointed to by other tabs. Hope you could give…
chanHXC
  • 611
  • 1
  • 7
  • 17
0
votes
1 answer

How to provide multiple levels of support in css with progressive enhancement

Recently I finished reading Designing with Progressive Enhancement by the Filament Group. In the book they talk about providing two levels of support based on testing browser features. If the browser passes the tests it gets the enhanced experience…
Dan
  • 363
  • 1
  • 5
  • 15
0
votes
1 answer

Graceful Degradation with REST in CakePHP

Alright, so a better title here may have been "Progressive Enhancement with REST in CakePHP", but at least now I'll know you didn't read the question if your answer just refers to the difference between the two ;) I'm pretty familiar with REST and…
BeniRose
  • 412
  • 5
  • 13
0
votes
1 answer

How to serve static Google Maps for mobile, but dynamic for desktop?

What approaches are there for hiding Google's Static Maps on wider viewports, while displaying the dynamic Google JavaScript Maps instead? It is common to build mobile-first websites, enhanced through CSS media queries for larger viewports. When…
Baumr
  • 6,124
  • 14
  • 37
  • 63
0
votes
0 answers

.NET MVC - How to simply hide/show elements?

I could be looking at this completely wrong, and I'd normally just do this with jQuery, but the topic of Progressive Enhancement has sparked this up. At the minute I have:
1 2 3
…
12
13