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

Override when using jquery .load to get content

I've got a few pages, all with different content, the pages are all linked in the nav using relative path tags. What I'd like to do from a usability point of view is to use jquery .load to get the content from the other pages and load it into the…
sam
  • 9,486
  • 36
  • 109
  • 160
2
votes
0 answers

YUI 3.5 App Framework server routing

I am currently looking at implementing YUI 3.5 pr1 (and then the final version when released) in a fairly large application. The backend is built with PHP and MySQL using a MVC structure with a front controller pattern. By it self, the server can…
F21
  • 32,163
  • 26
  • 99
  • 170
2
votes
2 answers

How to develop a carousel without javascript

Can anyone give me a light how to develop a site without jquery and javascript. Currently I have a carousel developed using by jquery cycle plugin, but as we changed the mind that we should implement our site believing 'web for all, using…
Zakir Sajib
  • 293
  • 2
  • 7
  • 16
2
votes
1 answer

Ways to prevent CSRF and have good cookie etiquette on a no-JavaScript login page?

Context: I'm building a website that has a password-locked admin portal. Additionally, JS is only used for progressive enhancement of the 100% already-working site. Security issue: The login form is vulnerable to CSRF. My fix: A hidden form token…
KarlLightning
  • 23
  • 4
2
votes
5 answers

Why would the width of my site be different for www.domain.com and domain.com?

If you open two versions of my site in two different tabs, go to www.compversions.com and compversions.com, and also assuming that your resolution is at least 1680 x 1050, you will see the site rendered in two different sizes. It was designed to be…
marcamillion
  • 32,933
  • 55
  • 189
  • 380
2
votes
2 answers

Progressive enhancement of a Form with Svelte?

I have php page with a working form element that includes selects, inputs fields an so on.. I want the form to continue working without js, but if js is available I would like to convert the standard inputs into enhanced Svelte components. How…
user364601
  • 51
  • 5
2
votes
1 answer

What is the best way to add or remove a class for progressive enhancement?

I am working on a site that uses minimal JS, mostly for toggling menus on mobile, that sort of thing. I would like the site to still be navigable if js is disabled. I've come up with 2 solutions that work, but I would like to know if one is better…
craigatcrow
  • 23
  • 3
2
votes
2 answers

How should I write a Jquery Mobile app for browsers with and without javascript support?

I'm trying to wrap my head around jQuery Mobile. My aim is to build a very fast application with a look and feel as close as possible to a native app (at least for modern devices). I understand there are two ways of navigating between…
Adrian Grigore
  • 33,034
  • 36
  • 130
  • 210
2
votes
2 answers

Progressive CSS3 animation

I need to make progressive bar similar to this: https://dribbble.com/shots/1664914-Onboarding-Progress-Steps?list=searches&tag=onboarding&offset=31 I have tried till this point: Codepen Link CSS body{ background-color: #34495e; …
Gagan Deep
  • 89
  • 1
  • 10
2
votes
1 answer

Server-side rendering & the app shell model

The app shell model suggests that the app shell containing the minimum required HTML, CSS & JavaScript is loaded first and then content is loaded dynamically afterwards. This seems to imply the lazy loading of content using JavaScript and APIs. For…
Kevin Farrugia
  • 6,431
  • 4
  • 38
  • 61
2
votes
2 answers

enhance.js libraries onScriptLoaded running before jQuery loaded

See this demo from Filament Group using their Progressive Enhancement enhance.js library Modifying to give :-