progressive-enhancement

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 that. But the list of modern browsers and the headertext is hardcoded. My site is localised, ...

Progressive Enhancement with box-shadow

I would like to use WebKit's box-shadow css property for a little drop-down. The code would look like: .drop_down{ -webkit-box-shadow: 1px 1px 4px #888; box-shadow: 1px 1px 4px #888; } However, for browsers that do not have this capability, I would like to use borders to approximate this drop shadow, like so: .drop_down{ border...

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? ...

Dropdowns with 10 thousand possible values and sequence-important dropdowns vs. graceful degredation.

Background I have this form that uses javascript exclusively to search through ~5k entries (suppliers) and populate a select dropdown from them (factories, ~10k entries). Right now, it's a javascript-required form. I'd like to make it so that javascript errors no longer render the form unusable, but the number of entries and the seque...

How do I build a gracefully-degrading HTML5 Range?

I'd like to use the <input type='range' /> from HTML5 for browsers that support it and degrade to a <select /> if not. I'm using Ruby-on-Rails, so failing all else, I could do something like this on the server-side. I would prefer, though, to have something more inline with the idea of progressive enhancement done via Javascript. Bonus ...

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 one form (on a page of several), I'd like this handler to be bypassed/ignored. Is there a s...

What is the difference between Progressive Enhancement and Graceful Degradation?

I'm confused on what the difference is between Progressive Enhancement and Graceful Degradation. To me they seem like the same thing. Can you please explain to me the differences between the two and in which situation I would use one over the other? ...

progressive jpeg flash

hello, I read your topic about jpeg progressive and AS3, I didn't test anything.. But, did you find a good solution for this problem? with a rendering like jpeg progressive? thank you for your response Best regard ...

Detecting support for a given JavaScript event?

I'm interested in using the JavaScript hashchange event to monitor changes in the URL's fragment identifier. I'm aware of Really Simple History and the jQuery plugins for this. However, I've reached the conclusion that in my particular project it's not really worth the added overhead of another JS file. What I would like to do instead...

Are there any drawbacks to class-based Javascript injection?

A phenomena I'm seeing more and more of is Javascript code that is tied to a particular element on a particular page, rather than being tied to kinds of elements or UI patterns. For example, say we had a couple of animated menus on a page: <ul id="top-navigation"> ... </ul> <!-- ... --> <ul id="product-list"> ... </ul> Thes...

How to do progressive enhancement when using Ext JS or similar tools?

Does it require development of two almost separate front-ends for the app, one using Ext JS and the other one with no JS at all? ...

JSF and progressive enhancement: is it possible?

Has anybody tried to approach building JSF (or JSF2) apps with progressive enhancement in mind? As some of the key built-in components of JSF can't work without JavaScript enabled on the client-side, my guess is that it should very difficult to do progressive enhancement in JSF and it should require development of numerous components tha...

Is practically Progressive enhancement and Graceful degradation same thing?

Is basically and practically Progressive enhancement and Graceful degradation same thing? ...

Determine Flash availability with JSP

Basically, I need to swap a JSP form with a Flash form should the user have it installed. I know there is a JavaScript option, but don't want to use this as that cuts out people who have Flash but not JavaScript. Can't find anything for it online, I'm sure it can't be too difficult, any ideas? Some code would be jubbly if possible :) ...

Keeping DRY with progressive enhancement

I'm building a website with very small amounts of Javascript, just to add things to the page (like a contact form) without having to go to a new page. I understand that I should build the contact page anyways (just in case the user doesn't have javascript turned on) and then use javascript if they've got it. So where do I store the HTM...

Is progressive enhancement a current issue anymore?

There are couple of things I hear in defense of progressive enhancement. Javascript is off or not available. According to W3School's Javascript statistics, 95% had Javascript enabled January 2008 (2.5 years ago). The trend, based on those stats, seems to be that Javascript enabled browsers are on the rise. Heavy AJAX adoption has probab...

jquery - progressive enhancement and ajax

So right now, I have a few forms where as one is submitted, it retrieves another in a modal. So right now, I might have a link to example.com/modal/1, which opens the first modal. However, if javascript is not enabled (so the browser actually follows the link), then some html displays (the html that was going to be retrieved.). I'd like ...

Progressive Enhancement and Initial Display State

I have a specific example, but I'm looking for the answer in general as well. I have page elements that I want to have initially hidden if JavaScript is enabled. Examples: A section of a form that toggles A submit button for a select box 'jump form' I am trying to avoid the 'content flash' when the elements are hidden after page lo...

What is the best way to provide a default CSS style, that gets overridden by jQuery UI, for No Script scenarios?

For example: I have a pager << 1 2 3 4 5 6 7 8 >> in my page where every navigation element is a normal Html link. For modern browsers with JS enabled, I would like to beautify them with jQuery's .button(). But I would like to have something for NoScript scenario. Obviously I should add some CSS styling for the links, but how do I know t...

overriding pseudo styles in jquery

How can I overwrite the below css with jquery? (the animations aren't being run and it's just an instantaneous switch) menu span ul {display: none;} menu span:hover ul {display: block;} $('#menu span').mouseenter(function(){ $('#menu span ul').slideDown('fast'); }).mouseleave(function(){ $('#menu span ul').slideUp('fast'); });...