Progressive Enhancement with JSF

Progressive Enhancement is a philosophy of web design - start with simple pages, and build them up based on the capabilities of the browser viewing the page. It’s related to (and in some ways, the opposite of) the idea of Graceful Degradation, starting with a nice, fancy page, and dealing with any browser faults in an elegant manner. Prehaps the simplest example to see this in action is the case of JavaScript being disabled in the browser - this is occasionally true for certain corporate clients concerned about security, and sometimes the case for very old browsers. JSF handles this usecase pretty well - consider the following code:    1    2    3      4   This creates a checkbox input with an onclick event handler registered. If there’s no JavaScript enabled, it will continue to function as thought the ajax tag wasn’t there at all. But the user will need to submit the form with a button press... There is another way to handle this: we could instead create a link, which uses view parameters:   1 2 3 4 5 6 That works, but isn’t as clean looking as the first, ajax method. Combining these approachs should provide a better user experience - and doing so isn’t especially difficult: 1 2 3 4 5 6 7 8 9 10 11 ...

Date: February, 07 2010
Url: http://www.java.net/blog/driscoll/archive/2010/02/06/progressive-enhancement-jsf-example

Others News