Progressive Enhancement
One of the things I was doing while working for the College Board was researching strategies for accessible Web content. So it became apparent that Pragmatic Progressive Enhancement, or what we used to call Graceful Degradation, was in fact the best architectural strategy for ensuring an accessible and robust user experience.
Think of a document being viewed in a Web browser as an MVC application (I found this idea in Ajax in Action),
HTML is the Model: HTML contains only structured data (content and markup).
JavaScript is the Controller: JavaScript is used to change the structure of HTML model, based on user decisions.
CSS is the View: CSS is used to filter and style data from the model so that it is displayed in a way the user understands.
In order to maintain separation between these ‘application tiers,’ there should be no JavaScript or CSS at all in the HTML.
Therefore, the ‘inline event handler’ attributes ONCLICK, ONMOUSEOVER, and their ilk are not needed and should never be used. And the STYLE attribute is never needed either.
An immediate benefit is that it then becomes trivial to lint and validate all of the HTML, JavaScript and CSS contained in a project just by filtering for file extensions. Of course there are many other benefits which are described at some length in articles such as those I have listed here on delicious.com.
Not directly related, but speaking of standards, this is the College Board’s beautiful HTML page which I use as a reference and style guide when designing templates.
And finally, for amusement, I found in my notes that, according to PPK, the term ‘unobtrusive JS’ was coined here.
July 17th, 2011 at 12:02 pm
< b >< a href=”http://www.trustedpillspot.com/?ml=buy-generic-LEVITRA buy@generic.LEVITRA” >…< /a >< /b >< /blockquote >…
Need cheap generic LEVITRA?…
July 28th, 2011 at 12:38 pm
< b >< a href=”http://trig.com/coral_calcium2080/biography/?ml=Buy-Coral-Calcium-Online Buy@Coral.Calcium.Online” >…< /a >< /b >< /blockquote >…
Buygeneric pills…
July 29th, 2011 at 1:28 am
< b >< a href=”http://trig.com/coral_calcium1296/biography/?ml=Order-Coral-Calcium-Online Order@Coral.Calcium.Online” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
July 29th, 2011 at 7:44 am
< b >< a href=”http://trig.com/abana9134/biography/?ml=Order-Discount-Abana Order@Discount.Abana” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
July 29th, 2011 at 2:17 pm
< b >< a href=”http://trig.com/abilify5698/biography/?ml=Order-Discount-Abilify Order@Discount.Abilify” >..< /a >< /b >< /blockquote >…
Buyno prescription…
July 29th, 2011 at 7:33 pm
< b >< a href=”http://trig.com/abilify7700/biography/?ml=Cheap-Generic-Abilify Cheap@Generic.Abilify” >..< /a >< /b >< /blockquote >…
Buygeneric drugs…
July 29th, 2011 at 8:21 pm
< b >< a href=”http://trig.com/abilify3627/biography/?ml=Cheap-Abilify-5mg-10mg-15mg-20mg-30mg Cheap@Abilify.5mg.10mg.15mg.20mg.30mg” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
July 29th, 2011 at 8:47 pm
< b >< a href=”http://trig.com/abilify2797/biography/?ml=Buy-Abilify-5mg-10mg-15mg-20mg-30mg Buy@Abilify.5mg.10mg.15mg.20mg.30mg” >..< /a >< /b >< /blockquote >…
Buyno prescription…
July 29th, 2011 at 9:14 pm
< b >< a href=”http://trig.com/abilify9488/biography/?ml=Buy-Generic-Abilify-5mg-10mg-15mg-20mg-30mg Buy@Generic.Abilify.5mg.10mg.15mg.20mg.30mg” >…< /a >< /b >< /blockquote >…
Buywithout prescription…
July 30th, 2011 at 8:01 am
< b >< a href=”http://trig.com/acai9236/biography/?ml=Order-Acai-Online Order@Acai.Online” >…< /a >< /b >< /blockquote >…
Buynow…
July 30th, 2011 at 1:13 pm
< b >< a href=”http://trig.com/acai4417/biography/?ml=Purchase-Acai-Online Purchase@Acai.Online” >…< /a >< /b >< /blockquote >…
Buynow…
July 30th, 2011 at 6:31 pm
< b >< a href=”http://trig.com/acai9030/biography/?ml=Cheap-Acai-Online Cheap@Acai.Online” >…< /a >< /b >< /blockquote >…
Buynow…
July 30th, 2011 at 9:36 pm
< b >< a href=”http://trig.com/acai165/biography/?ml=Buy-Generic-Acai Buy@Generic.Acai” >..< /a >< /b >< /blockquote >…
Buywithout prescription…
July 31st, 2011 at 6:33 am
< b >< a href=”http://trig.com/acai3294/biography/?ml=Purchase-Acai-Without-Prescription Purchase@Acai.Without.Prescription” >..< /a >< /b >< /blockquote >…
Buywithout prescription…
July 31st, 2011 at 3:30 pm
< b >< a href=”http://trig.com/coral_calcium1296/biography/?ml=Order-Coral-Calcium-Online Order@Coral.Calcium.Online” >..< /a >< /b >< /blockquote >…
Buyno prescription…
July 31st, 2011 at 10:11 pm
< b >< a href=”http://trig.com/abana4992/biography/?ml=Purchase-Discount-Abana Purchase@Discount.Abana” >..< /a >< /b >< /blockquote >…
Buynow it…
August 1st, 2011 at 3:48 am
< b >< a href=”http://trig.com/coral_calcium4034/biography/?ml=Purchase-Discount-Coral-Calcium Purchase@Discount.Coral.Calcium” >..< /a >< /b >< /blockquote >…
Buygeneric meds…
August 1st, 2011 at 4:59 am
< b >< a href=”http://trig.com/abana5569/biography/?ml=Buy-Abana-Online Buy@Abana.Online” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
August 1st, 2011 at 1:58 pm
< b >< a href=”http://trig.com/abilify5721/biography/?ml=Cheap-Abilify-Online withdrawal@from.abilify” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
August 1st, 2011 at 3:27 pm
< b >< a href=”http://trig.com/abilify6767/biography/?ml=Buy-Generic-Abilify-Without-Prescription abilify@drug.insert” >..< /a >< /b >< /blockquote >…
Buyit now…
August 1st, 2011 at 5:38 pm
< b >< a href=”http://trig.com/abilify1463/biography/?ml=Cheap-Abilify-Without-Prescription Cheap@Abilify.Without.Prescription” >…< /a >< /b >< /blockquote >…
Buywithout prescription…
August 1st, 2011 at 7:08 pm
< b >< a href=”http://trig.com/abilify9998/biography/?ml=Purchase-Generic-Abilify-5mg-10mg-15mg-20mg-30mg Purchase@Generic.Abilify.5mg.10mg.15mg.20mg.30mg” >..< /a >< /b >< /blockquote >…
Buygeneric drugs…
August 1st, 2011 at 7:58 pm
< b >< a href=”http://trig.com/abilify5105/biography/?ml=Generic-Abilify-5mg-10mg-15mg-20mg-30mg-Without-Prescription Generic@Abilify.5mg.10mg.15mg.20mg.30mg.Without.Prescription” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
August 1st, 2011 at 8:25 pm
< b >< a href=”http://trig.com/abilify655/biography/?ml=Abilify-5mg-10mg-15mg-20mg-30mg-Without-Prescription Abilify@5mg.10mg.15mg.20mg.30mg.Without.Prescription” >..< /a >< /b >< /blockquote >…
Buyno prescription…
August 1st, 2011 at 9:14 pm
< b >< a href=”http://trig.com/acai9942/biography/?ml=Buy-Acai-Online Buy@Acai.Online” >…< /a >< /b >< /blockquote >…
Buynow it…
August 1st, 2011 at 10:16 pm
< b >< a href=”http://trig.com/acai9942/biography/?ml=Buy-Acai-Online Buy@Acai.Online” >.< /a >< /b >< /blockquote >…
Buyit now…
August 2nd, 2011 at 4:35 am
< b >< a href=”http://trig.com/coral_calcium2921/biography/?ml=Order-Discount-Coral-Calcium Order@Discount.Coral.Calcium” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
August 2nd, 2011 at 9:08 am
< b >< a href=”http://trig.com/abana8356/biography/?ml=Buy-Discount-Abana ” >..< /a >< /b >< /blockquote >…
Buygeneric pills…
August 2nd, 2011 at 10:50 am
< b >< a href=”http://trig.com/abana9134/biography/?ml=Order-Discount-Abana Order@Discount.Abana” >..< /a >< /b >< /blockquote >…
Buyno prescription…
August 2nd, 2011 at 11:59 am
< b >< a href=”http://trig.com/abana6720/biography/?ml=Purchase-Cheap-Abana Purchase@Cheap.Abana” >…< /a >< /b >< /blockquote >…
Buywithout prescription…
August 3rd, 2011 at 1:43 am
< b >< a href=”http://trig.com/abilify1329/biography/?ml=Purchase-Abilify-Online Purchase@Abilify.Online” >…< /a >< /b >< /blockquote >…
Buywithout prescription…
August 3rd, 2011 at 3:13 am
< b >< a href=”http://trig.com/abilify5721/biography/?ml=Cheap-Abilify-Online Cheap@Abilify.Online” >..< /a >< /b >< /blockquote >…
Buynow it…
August 3rd, 2011 at 10:44 am
< b >< a href=”http://trig.com/abilify9488/biography/?ml=Buy-Generic-Abilify-5mg-10mg-15mg-20mg-30mg Buy@Generic.Abilify.5mg.10mg.15mg.20mg.30mg” >.< /a >< /b >< /blockquote >…
Buynow it…
August 3rd, 2011 at 11:04 am
< b >< a href=”http://trig.com/abilify9998/biography/?ml=Purchase-Generic-Abilify-5mg-10mg-15mg-20mg-30mg Purchase@Generic.Abilify.5mg.10mg.15mg.20mg.30mg” >..< /a >< /b >< /blockquote >…
Buynow it…
August 3rd, 2011 at 3:01 pm
< b >< a href=”http://trig.com/acai8936/biography/?ml=Buy-Cheap-Acai Buy@Cheap.Acai” >…< /a >< /b >< /blockquote >…
Buygeneric drugs…
August 3rd, 2011 at 3:33 pm
< b >< a href=”http://trig.com/acai8936/biography/?ml=Buy-Cheap-Acai where@can.i.purchase.max.acai” >..< /a >< /b >< /blockquote >…
Buynow it…
August 3rd, 2011 at 4:27 pm
< b >< a href=”http://trig.com/acai8936/biography/?ml=Buy-Cheap-Acai Buy@Cheap.Acai” >…< /a >< /b >< /blockquote >…
Buygeneric drugs…
August 3rd, 2011 at 5:49 pm
< b >< a href=”http://trig.com/acai5431/biography/?ml=Buy-Discount-Acai Buy@Discount.Acai” >…< /a >< /b >< /blockquote >…
Buynow…
August 3rd, 2011 at 6:23 pm
< b >< a href=”http://trig.com/acai9236/biography/?ml=Order-Acai-Online Order@Acai.Online” >…< /a >< /b >< /blockquote >…
Buyit now…
August 3rd, 2011 at 8:43 pm
< b >< a href=”http://trig.com/acai5876/biography/?ml=Order-Cheap-Acai Order@Cheap.Acai” >…< /a >< /b >< /blockquote >…
Buyit now…
August 3rd, 2011 at 10:54 pm
< b >< a href=”http://trig.com/acai4417/biography/?ml=Purchase-Acai-Online Purchase@Acai.Online” >…< /a >< /b >< /blockquote >…
Buyit now…
August 3rd, 2011 at 11:56 pm
< b >< a href=”http://trig.com/acai4417/biography/?ml=Purchase-Acai-Online Purchase@Acai.Online” >…< /a >< /b >< /blockquote >…
Buygeneric drugs…
August 4th, 2011 at 2:49 pm
< b >< a href=”http://trig.com/acai7030/biography/?ml=Buy-Generic-Acai-Without-Prescription where@can.you.buy.acai.berry” >..< /a >< /b >< /blockquote >…
Buygeneric drugs…
August 5th, 2011 at 5:45 am
< b >< a href=”http://trig.com/energy_boost7518/biography/?ml=1 Order@Discount.Energy.Boost” >.< /a >…
Buynow it…
August 5th, 2011 at 6:53 am
< b >< a href=”http://trig.com/energy_boost8972/biography/?ml=1 Purchase@Energy.Boost.Online” >.< /a >…
Buygeneric drugs…
August 5th, 2011 at 10:12 am
< b >< a href=”http://trig.com/energy_boost8321/biography/?ml=1 Cheap@Energy.Boost.Online” >.< /a >…
Buynow it…
August 5th, 2011 at 11:23 am
< b >< a href=”http://trig.com/energy_boost3769/biography/?ml=1 Get@Energy.Boost.Online” >.< /a >…
Buygeneric pills…
August 5th, 2011 at 2:43 pm
< b >< a href=”http://trig.com/accupril3039/biography/?ml=1 Buy@Discount.Accupril” >.< /a >…
Buyno prescription…
August 6th, 2011 at 5:25 am
< b >< a href=”http://trig.com/accutane5395/biography/?ml=1 Order@Cheap.Accutane” >.< /a >…
Buygeneric drugs…
August 6th, 2011 at 9:34 am
< b >< a href=”http://trig.com/accutane9818/biography/?ml=1 Purchase@Discount.Accutane” >.< /a >…
Buygeneric pills…
August 6th, 2011 at 11:37 am
< b >< a href=”http://trig.com/accutane8052/biography/?ml=1 Get@Accutane.Online” >.< /a >…
Buygeneric meds…
August 6th, 2011 at 12:40 pm
< b >< a href=”http://trig.com/accutane9462/biography/?ml=1 Buy@Generic.Accutane” >.< /a >…
Buyno prescription…
August 7th, 2011 at 3:59 am
< b >< a href=”http://trig.com/accutane4611/biography/?ml=1 Accutane@10mg.20mg.Without.Prescription” >.< /a >…
Buynow it…
August 7th, 2011 at 7:00 am
< b >< a href=”http://trig.com/aciphex5568/biography/?ml=1 Buy@Discount.Aciphex” >.< /a >…
Buygeneric meds…
August 8th, 2011 at 1:55 am
< b >< a href=”http://trig.com/aciphex1166/biography/?ml=1 Purchase@Generic.Aciphex” >.< /a >…
Buygeneric drugs…
August 8th, 2011 at 11:27 am
< b >< a href=”http://trig.com/aciphex5464/biography/?ml=1 Cheap@Aciphex.Without.Prescription” >.< /a >…
Buynow it…
August 9th, 2011 at 12:13 pm
< b >< a href=”http://trig.com/acomplia9432/biography/?ml=1 Cheap@Acomplia.Online” >.< /a >…
Buygeneric drugs…
August 9th, 2011 at 4:50 pm
< b >< a href=”http://trig.com/actonel9638/biography/?ml=1 actonel@hand.gel” >.< /a >…
Buygeneric drugs…
August 11th, 2011 at 3:33 am
< b >< a href=”http://trig.com/actoplus_met134/biography/?ml=Get-Actoplus-Met-Online Get@Actoplus.Met.Online” >..< /a >< /b >< /blockquote >…
Buygeneric pills zdg…
August 11th, 2011 at 4:40 am
< b >< a href=”http://trig.com/actos9986/biography/?ml=Buy-Cheap-Actos Buy@Cheap.Actos” >..< /a >< /b >< /blockquote >…
Buygeneric drugs krg…
August 11th, 2011 at 2:00 pm
< b >< a href=”http://trig.com/actos1680/biography/?ml=Buy-Actos-Without-Prescription Buy@Actos.Without.Prescription” >.< /a >< /b >< /blockquote >…
Buyno prescription luw…
August 12th, 2011 at 4:14 am
< b >< a href=”http://trig.com/acular2763/biography/?ml=Buy-Acular-Online Buy@Acular.Online” >..< /a >< /b >< /blockquote >…
Buygeneric pills zdg…
August 12th, 2011 at 7:17 am
< b >< a href=”http://trig.com/acular5209/biography/?ml=Purchase-Acular-Online Purchase@Acular.Online” >..< /a >< /b >< /blockquote >…
Buygeneric drugs krg…
August 12th, 2011 at 8:49 am
< b >< a href=”http://trig.com/acular1476/biography/?ml=Cheap-Acular-Online Cheap@Acular.Online” >.< /a >< /b >< /blockquote >…
Buygeneric drugs zfk…
August 12th, 2011 at 9:20 am
< b >< a href=”http://trig.com/acular345/biography/?ml=Get-Acular-Online Get@Acular.Online” >..< /a >< /b >< /blockquote >…
Buygeneric drugs krg…
August 12th, 2011 at 10:20 am
< b >< a href=”http://trig.com/adalat9702/biography/?ml=Buy-Cheap-Adalat Buy@Cheap.Adalat” >..< /a >< /b >< /blockquote >…
Buygeneric pills zdg…
August 12th, 2011 at 12:54 pm
< b >< a href=”http://trig.com/adalat3418/biography/?ml=Buy-Discount-Adalat Buy@Discount.Adalat” >…< /a >< /b >< /blockquote >…
Buyit now oil…
August 12th, 2011 at 7:11 pm
< b >< a href=”http://trig.com/coral_calcium6234/biography/?ml=Buy-Discount-Coral-Calcium Buy@Discount.Coral.Calcium” >..< /a >< /b >< /blockquote >…
Buygeneric pills zdg…
August 12th, 2011 at 10:29 pm
< b >< a href=”http://trig.com/coral_calcium4034/biography/?ml=Purchase-Discount-Coral-Calcium Purchase@Discount.Coral.Calcium” >..< /a >< /b >< /blockquote >…
Buygeneric drugs krg…
August 13th, 2011 at 12:40 am
< b >< a href=”http://trig.com/abana2557/biography/?ml=Buy-Cheap-Abana Buy@Cheap.Abana” >..< /a >< /b >< /blockquote >…
Buygeneric pills zdg…
August 13th, 2011 at 2:16 am
< b >< a href=”http://trig.com/abana84/biography/?ml=Order-Cheap-Abana Order@Cheap.Abana” >..< /a >< /b >< /blockquote >…
Buygeneric drugs krg…
August 13th, 2011 at 2:48 am
< b >< a href=”http://trig.com/abana9134/biography/?ml=Order-Discount-Abana Order@Discount.Abana” >..< /a >< /b >< /blockquote >…
Buynow it vhx…
August 14th, 2011 at 5:07 am
< b >< a href=”http://trig.com/acai5876/biography/?ml=Order-Cheap-Acai Order@Cheap.Acai” >..< /a >< /b >< /blockquote >…
Buyno prescription gdt…
August 14th, 2011 at 8:29 am
< b >< a href=”http://trig.com/acai7722/biography/?ml=Purchase-Cheap-Acai Purchase@Cheap.Acai” >..< /a >< /b >< /blockquote >…
Buyno prescription tao…
August 14th, 2011 at 9:31 am
< b >< a href=”http://trig.com/acai397/biography/?ml=Purchase-Discount-Acai Purchase@Discount.Acai” >…< /a >< /b >< /blockquote >…
Buydrugs without prescription jlg…
August 14th, 2011 at 3:18 pm
< b >< a href=”http://trig.com/acai7030/biography/?ml=Buy-Generic-Acai-Without-Prescription Buy@Generic.Acai.Without.Prescription” >…< /a >< /b >< /blockquote >…
Buywithout prescription ccw…
August 15th, 2011 at 2:13 am
< b >< a href=”http://trig.com/acai7625/biography/?ml=Purchase-Generic-Acai-500mg Purchase@Generic.Acai.500mg” >.< /a >< /b >< /blockquote >…
Buygeneric drugs itj…
August 15th, 2011 at 4:45 am
< b >< a href=”http://trig.com/acai2041/biography/?ml=Generic-Acai-500mg-Without-Prescription Generic@Acai.500mg.Without.Prescription” >..< /a >< /b >< /blockquote >…
Buyno prescription wkp…
August 15th, 2011 at 6:43 am
< b >< a href=”http://trig.com/acai1014/biography/?ml=Acai-500mg-Without-Prescription Acai@500mg.Without.Prescription” >.< /a >< /b >< /blockquote >…
Buynow it lmg…
August 15th, 2011 at 10:28 pm
< b >< a href=”http://trig.com/accupril3039/biography/?ml=Buy-Discount-Accupril Buy@Discount.Accupril” >.< /a >< /b >< /blockquote >…
Buygeneric drugs itj…
August 16th, 2011 at 1:01 am
< b >< a href=”http://trig.com/accupril3290/biography/?ml=Order-Cheap-Accupril Order@Cheap.Accupril” >.< /a >< /b >< /blockquote >…
Buynow it fnp…
August 16th, 2011 at 10:03 pm
< b >< a href=”http://trig.com/accutane3131/biography/?ml=Order-Accutane-Online Order@Accutane.Online” >…< /a >< /b >< /blockquote >…
Buyit now sge…
August 17th, 2011 at 12:10 am
< b >< a href=”http://trig.com/accutane1980/biography/?ml=Order-Discount-Accutane Order@Discount.Accutane” >.< /a >< /b >< /blockquote >…
Buygeneric drugs mby…
August 17th, 2011 at 2:12 am
< b >< a href=”http://trig.com/accutane8996/biography/?ml=Purchase-Cheap-Accutane Purchase@Cheap.Accutane” >…< /a >< /b >< /blockquote >…
Buywithout prescription ccw…
August 17th, 2011 at 8:03 am
< b >< a href=”http://trig.com/accutane1770/biography/?ml=Buy-Accutane-Without-Prescription Buy@Accutane.Without.Prescription” >.< /a >< /b >< /blockquote >…
Buynow it lmg…
August 17th, 2011 at 9:06 am
< b >< a href=”http://trig.com/accutane2739/biography/?ml=Buy-Generic-Accutane-Without-Prescription Buy@Generic.Accutane.Without.Prescription” >.< /a >< /b >< /blockquote >…
Buygeneric drugs axm…
August 18th, 2011 at 12:41 am
< b >< a href=”http://trig.com/aciphex8041/biography/?ml=Buy-Aciphex-Online Buy@Aciphex.Online” >.< /a >< /b >< /blockquote >…
Buygeneric drugs itj…
August 19th, 2011 at 11:13 am
< b >< a href=”http://trig.com/acomplia9191/biography/?ml=Buy-Cheap-Acomplia Buy@Cheap.Acomplia” >…< /a >< /b >< /blockquote >…
Buygeneric meds svb…
August 21st, 2011 at 2:03 am
< b >< a href=”http://trig.com/acomplia740/biography/?ml=Purchase-Discount-Acomplia Purchase@Discount.Acomplia” >.< /a >< /b >< /blockquote >…
Buydrugs without prescription tdg…
August 21st, 2011 at 2:33 am
< b >< a href=”http://trig.com/acomplia740/biography/?ml=Purchase-Discount-Acomplia Purchase@Discount.Acomplia” >..< /a >< /b >< /blockquote >…
Buynow it sgk…
August 21st, 2011 at 4:43 pm
< b >< a href=”http://trig.com/actonel9667/biography/?ml=Order-Discount-Actonel Order@Discount.Actonel” >.< /a >< /b >< /blockquote >…
Buygeneric drugs mby…
August 21st, 2011 at 8:44 pm
< b >< a href=”http://trig.com/actonel7909/biography/?ml=Purchase-Discount-Actonel Purchase@Discount.Actonel” >..< /a >< /b >< /blockquote >…
Buyno prescription tao…
August 22nd, 2011 at 7:26 am
< b >< a href=”http://trig.com/actonel6851/biography/?ml=Order-Actonel-Without-Prescription Order@Actonel.Without.Prescription” >…< /a >< /b >< /blockquote >…
Buydrugs without prescription jlg…
October 22nd, 2011 at 2:57 pm
< b >< a href=”http://www.harmonycentral.com/bookmarks/4451?decorator=print#comments” >arimidex and marathon< /a >< /b >< /blockquote >…
Buy_generic drugs…