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
6
votes
1 answer

How to make a progressive enhancement on an HTML list with angularjs?

Let's say I'm tied to have an accessible site that will be consultated with JS disabled. I have a news list that I can summary this way:
  • News 1
  • News 2
  • News 3
Everytime you reload the page, you get…
Bite code
  • 578,959
  • 113
  • 301
  • 329
5
votes
2 answers

Difference in button width between Firefox and Chrome

I know there are lots of FF/Chrome CSS questions, but I can't seem to find this exact one. Here is a JS Fiddle showing the problem: http://jsfiddle.net/ajkochanowicz/G5rdD/1/ (Apologies for the long CSS, this was copied from the site.) Essentially,…
Adam Grant
  • 12,477
  • 10
  • 58
  • 65
5
votes
5 answers

Is there a name for this browser technique?

Is there a name for this technique that consists in exploring a page open in the browser to find specific content and modify it? Some examples: Skype finds phone numbers on a page, and attaches a call menu a script finds percentages in a page and…
Christophe
  • 27,383
  • 28
  • 97
  • 140
5
votes
5 answers

How to fade in an entire web page -- accessibly

A client has asked that their home page begin blank (only the logo and background image visible) and then fade in the navigation and content after a second or two. I could start with the content hidden via CSS and fade it in with jQuery.…
Andy Giesler
  • 351
  • 5
  • 13
5
votes
1 answer

Gatsby Static Sites with Javascript Disabled

Is it possible to use Gatsby to generate static sites that can be viewed with Javascript disabled in the browser? I heard that Gatsby sites could be accessed in this way but I've tried various Gatsby starters including gatsby-starter-default and…
user47227
  • 165
  • 4
5
votes
9 answers

What do you do if your site visitors have JavaScript disabled?

What would you do if your site visitors disabled JavaScript? Do you block them?
streetparade
  • 32,000
  • 37
  • 101
  • 123
5
votes
1 answer

Preferred technique for using HTML5 elements/ARIA roles

So this is a small issue I keep thinking about from time to time. For about a year or two I've been curious about the best way to use HTML5 elements. The most frequent technique I see - Use the elements like header, footer, section, aside with…
hybrid
  • 3,868
  • 2
  • 26
  • 28
4
votes
5 answers

How important do you think Progressive Enhancement is?

Progressive Enhancement is a web development methodology that not only allows greater portability and accessibility but in my opinion, makes the development process easier. What I want is to know what the rest of the community think of this…
zobier
  • 1,579
  • 2
  • 13
  • 11
4
votes
7 answers

Make jQuery AJAX have a non-javascript (non-ajax) fallback?

I've gotten a fair amount of work done on my latest project, but I've realized there's a bit of a problem: If you don't have a Javascript-enabled browser, you can't submit any forms because every form uses AJAX to submit it. My question to you…
Jacob Brunson
  • 1,482
  • 4
  • 23
  • 37
4
votes
2 answers

How do you structure your web applications to make AJAX and DHTML easier?

Given this structure for a websinte
…
vtortola
  • 34,709
  • 29
  • 161
  • 263
4
votes
1 answer

HTML5 & placeholder: how to do it progressively?

I'm thinking about using HTML5's placeholder attribute. If the browser doesn't support HTML5, I can use jQuery as a fallback. However, what if JS is turned off? How do I handle this using the progressive enhancement philosophy?
StackOverflowNewbie
  • 39,403
  • 111
  • 277
  • 441
4
votes
5 answers

Javascript not enabled

I have been developing web applications for a few years now. One of the issues that I face is having to develop web apps where javascript is not enabled or not available. I know this was a issue a few year back but am curious to know what other web…
Bikal Lem
  • 2,403
  • 18
  • 19
4
votes
4 answers

How to write CSS fallbacks for when Javascript is disabled

I'm using jQuery in the examples below, but my question applies more generally to any situation where javascript is used to display something that would be missed if javascript wasn't enabled. Let's say I want to fade in some text when the page…
emersonthis
  • 32,822
  • 59
  • 210
  • 375
4
votes
3 answers

How can I use Modernizr to test a browser for AJAX support?

As a big fan of Progressive-Enhancement, I use Modernizr to test browser capabilities. How can I use Modernizr to test the browser's support of AJAX (specifically, jQuery's AJAX functions)?
Jeromy French
  • 11,812
  • 19
  • 76
  • 129
3
votes
3 answers

How should I progressively enhance this content with JavaScript?

The background to this problem is that I'm doing a computing project which involves Some drop down boxes for input, and a text input where the user can input a date. I've used YUI to enhance the form, so the calendar input uses the YUI calendar…
Sean
  • 6,389
  • 9
  • 45
  • 69
1 2
3
…
12 13