progressive-enhancement

What is Progressive Enhancement?

Jeff mentioned the concept of 'Progressive Enhancement' when talking about using JQuery to write stackoverflow. After a quick Google, I found a couple of high-level discussions about it. Can anyone recommend a good place to start as a programmer. Specifically, I have been writing web apps in PHP and would like to use YUI to improve th...

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 approach. In particular: What do you believe is the minimum set of technologies that a web appli...

Any ideas on how to make edit-in-place degradable?

I'm currently writing an edit-in-place script for MooTools and I'm a little stumped as to how I can make it degrade gracefully without JavaScript while still having some functionality. I would like to use progressive enhancement in some way. I'm not looking for code, but more a concept as to how one would approach the situation. If you h...

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 having Flash and for search engine bots. So, for a user with flash they would navigate to:...

Detect when JavaScript is disabled in ASP.NET

In the Render method of an ASP.NET web-control, I need to alter the output of the Html based on whether JavaScript is enabled or disabled on the clients browser, Does anyone know the right incantation to figure that out? ...

Graceful degradation outside the domain of web applications: how significant a problem is it?

Apologies for the long intro - just trying to suitably set the scene to avoid ambiguities and confusion. Web applications have grown from being dumb browser-based interfaces for server-side logic to being fully browser-based applications with minimal need for server-side logic. It is possible to describe this evolution through identifyi...

How can I know the user's bandwidth to provide the best possible version of my web application?

We are developing a web application with a hetereogenous base of users. Additionally, we must provide a visually appealing experience. So, I would like to know if there is any way to get estimates of user bandwidth in such manner, that we can decide if we serve a given version, or another one. Or should I aim for the lowest denominator ...

progressive enhancement on the server side?

Hi, Currently many of the links on our pages get changed to href="javascript:void(0);" on pageload, but if you're impatient (as most users are) you can click the links before the page loads and land on the clunkier, non-javascript, non-ajax pages. I'm thinking about progressive enhancement a lot these days, and I predict the majority o...

Progressive enhancement, behavior when pages are not fully loaded yet

Hi all, I'm developing sites using progressive enhancement implemented completely in jQuery. For instance, I'm adding onclick event handlers dynamically to anchor tags to play linked MP3 files "inline" using SoundManager and popping up Youtube players for Youtube links, through $(document).ready(function()). However, if the user click...

How do I show content when Javascript isn't available, hide it when javascript is available and not flicker in either case?

I have a simple form for shipping options and I am using javascript to auto submit the form when someone selects a new option from the drop down list. In order to support browsers without javascript there is also a button to submit the form. This button is hidden using javascript. However, this means my button is visible for a brief pe...

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 browser, OS, javascript, flash, screen resolution, disabled user accessibility, etc.? (I know ...

What's the closest jQuery approximation to YUI's DataTable?

My two highest priorities are progressive enhancement and inline editing. I've found progressive enhancement (DataTables) and inline editing (jqGrid), but not both. Support for jQuery UI themes would be nice, but is a lower priority. Thanks. UPDATE: Here's an example of what I'm imagining the solution would resemble: <table summary="A...

Is it ok to manipulate dom before ready state?

This is generally how I manage progressive enhancement whilst keep the experience clean, but how safe is it? is there potential for a race condition and this not working? Imagine the simple abstract scenario, you want to display something differently if you have javascript support.. this is generally what I will end up doing: <div id="...

Progressive enhancement for javascript?

Most people talk about progressive enhancement right now as serving browsers with javascript (enhanced version), and browsers without javascript (simple version). But there is such a big difference in javascript performance between browsers that it may be useful to apply that term to support for choosing between javascript based feature...

Guide to enhance my code

This program will copy all records inside the table 1 into table 2 and also write into a text file. After it finishes copied all the records, the records will be delete make the table1 empty before new record is added. i like to enhance my code for example : like inserting code to verify if records empty or not, if got problem in copyi...

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 an important part of the page so I would rather just silently fall back to pure web stand...

Impressive Examples of Progressive Enhancement

I see the value in using progressive enhancement in web development and I already use it regularly. That said, almost every website I've seen that strongly advocates progressive enhancement is a website with no images that has a div for a title and a div for navigation -- in other words, really basic (and boring) stuff. Do you know of a...

CSS3 and progressive enhancement in the wild

I was wondering if anyone knows of any large sites that use progressive enhancement/CSS3? I am trying to put a case together at work on why sites don't need to be a carbon copy in all browsers but my arguements will be somewhat impotent without examples in the wild. ...

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 the test to see how the service degrades? For those curious we are testing against Virtu...

php & jquery: progressive enchancement

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 is). If everything is OK I redirect to a thank you page. I would like to start using ajax (j...