A List Apart: Test-Driven Progressive Enhancement

Posted by FG on 09/23/2008

In issue 268 of A List Apart, our own Scott Jehl discusses our process of Test-Driven Progressive Enhancement. The article introduces a fresh approach to our earlier research on the topic, and includes a full rewrite of the Javascript which is faster and more flexible for development. We will post details on the script API in the lab shortly.

Article link: Test-Driven Progressive Enhancement.


<div id="commentNumber1" class="commentEntry">
<p>I checked the site alistapart.com. Good site with lots of information. Thanks for sharing this here.

	<p class="posted"><a href="#commentNumber1">Comment</a> by

Esther on 11/11  at  02:09 AM

<div id="commentNumber2" class="commentEntry">
<p>Of course best production and best part of information available. Progressive approach

	<p class="posted"><a href="#commentNumber2">Comment</a> by

finance budgeting articles on 11/22  at  04:29 PM

<div id="commentNumber3" class="commentEntry">
<p>Fresh approach is the earlier research , i think that its a valuable thing .

	<p class="posted"><a href="#commentNumber3">Comment</a> by

Family vacation spots on 11/22  at  04:31 PM

<div id="commentNumber4" class="commentEntry">
<p>No doubt the production power is very much fast within time

	<p class="posted"><a href="#commentNumber4">Comment</a> by

Konferensanläggning on 12/11  at  09:50 AM

<div id="commentNumber5" class="commentEntry">
<p>it is a great work!

	<p class="posted"><a href="#commentNumber5">Comment</a> by

laser on 03/09  at  07:46 PM

<div id="commentNumber6" class="commentEntry">
<p>it’s true that the production pwoer is really very fast within the time.

	<p class="posted"><a href="#commentNumber6">Comment</a> by

Alex Bony on 06/02  at  02:26 AM

<div id="commentNumber7" class="commentEntry">
<p>Great Works,  a lot of userful information here

	<p class="posted"><a href="#commentNumber7">Comment</a> by

Ethan Zhang on 07/29  at  10:06 AM

<div id="commentNumber8" class="commentEntry">
<p>i think that its a valuable thing .

	<p class="posted"><a href="#commentNumber8">Comment</a> by

مسلسلات رمضان مسلسل شر النف on 08/11  at  06:45 PM

<div id="commentNumber9" class="commentEntry">
<p>well done, guy! thank you very much for sharing such wonderful post.

	<p class="posted"><a href="#commentNumber9">Comment</a> by

astronomy lasers on 09/06  at  02:02 AM

<div id="commentNumber10" class="commentEntry">

The flyout menu and its sub menu is running on IE 7 browser, but flyout sub-menu is not running on Safari/Mozilla. Here is the following code in JSP with JSTL:
<div id="detailLocTypeFilterOptionDiv" style="display: block;">

<span class="ui-icon ui-icon-triangle-1-s"></span> <div id="locationCodeAndIdMenuSelector" style="width: 180px; height: 100%;padding-right: 6px;” align="left"> LOC/TYPE <font style="color:#000000;font-family:Lucida Grande, Lucida Sans, Arial, sans-serif;font-size: 15px;padding:0;margin:0;">→</font>ALL  </div>
<div class="hidden" >
<li> <a href="#" rel="nofollow" rel="nofollow" onClick="setLocationCodeAndId(’ALL’, ‘ALL’);">ALL</a></li>
<c:forEach items="${filterBarData.locationTypeAndCode}" var="codeAndId">
<c:forEach items="${codeAndId.itemList}" var="id">
<li><a href="#" rel="nofollow" rel="nofollow" onClick="setLocationCodeAndId(’${codeAndId.groupItem}’, ‘${id.value}’);">${id.value}</a></li>

Here is the following JS code:
content: $(’#locTypeValue’).next().html(),
width: 183,
maxHeight: 180,
backLink: false,
flyOut: true

Please let me know what I am doing wrong.
Please help me.

	<p class="posted"><a href="#commentNumber10">Comment</a> by

DM on 12/30  at  02:34 AM

<div id="commentNumber11" class="commentEntry">
<p>ok.. interesting approach. still waiting for details on the script API.

	<p class="posted"><a href="#commentNumber11">Comment</a> by

bijuterii murano on 05/02  at  10:22 AM