SlideShare a Scribd company logo

Unobtrusive JavaScript with jQuery

Simon Willison, profile picture
Simon Willison

The document discusses the principles of unobtrusive JavaScript, emphasizing its importance for accessibility and maintainability. It explores the advantages of using jQuery as a library for handling DOM manipulation, event handling, animation, and AJAX in a progressive enhancement approach. The focus is on developing documents that cater first to lower capability devices before enhancing them for richer experiences.

Technology
1 of 134
Downloaded 1,643 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery

More Related Content

PDF
Tools For jQuery Application Architecture (Extended Slides)
Addy Osmani
 
PDF
Metaprogramming JavaScript
danwrong
 
PDF
Open-source Mic Talks at AOL
Addy Osmani
 
PDF
Paris Web - Javascript as a programming language
Marco Cedaro
 
PDF
Metaprogramming with javascript
Ahmad Rizqi Meydiarso
 
PDF
Fast mobile web apps
Ivano Malavolta
 
PPTX
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)
David Wesst
 
PDF
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SK
David Wesst
 
Tools For jQuery Application Architecture (Extended Slides)
Addy Osmani
 
Metaprogramming JavaScript
danwrong
 
Open-source Mic Talks at AOL
Addy Osmani
 
Paris Web - Javascript as a programming language
Marco Cedaro
 
Metaprogramming with javascript
Ahmad Rizqi Meydiarso
 
Fast mobile web apps
Ivano Malavolta
 
5 Reasons Why Your Website Is[n’t] a Native App (PrDC 2015)
David Wesst
 
HTML5: The Parts You Care About - 4/Nov/13 - PrDC Saskatoon, SK
David Wesst
 

What's hot (20)

PDF
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
David Wesst
 
PDF
Front-End Modernization for Mortals
cgack
 
PPT
Building Rich User Experiences Without JavaScript Spaghetti
Jared Faris
 
PPTX
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]
David Wesst
 
PDF
Intro to react_v2
Feather Knee
 
PDF
Learning from the Best jQuery Plugins
Marc Grabanski
 
PPTX
jQuery Conference 2012 keynote
dmethvin
 
PDF
Web Development with Smalltalk
Mariano Martínez Peck
 
PDF
Javascript spaghetti stirtrek_5_17
Jared Faris
 
PDF
Front-End Frameworks: a quick overview
Diacode
 
PPTX
Untangling spring week8
Derek Jacoby
 
PDF
Everyones invited! Meet accesibility requirements with ColdFusion
ColdFusionConference
 
PPTX
React JS Belgium Touch Base - React, Flux, React Native
Philos.io
 
PPTX
All of Javascript
Togakangaroo
 
PDF
The New Design Workflow
Phase2
 
KEY
Enterprise Strength Mobile JavaScript
Troy Miles
 
PPT
Getting started with angular js
Maurice De Beijer [MVP]
 
PPTX
Untangling7
Derek Jacoby
 
PDF
Quo vadis, JavaScript? Devday.pl keynote
Christian Heilmann
 
PPTX
Advanced Object Oriented JavaScript (prototype, closure, scope, design patterns)
raja kvk
 
JavaScript Revolution - 5/Nov/13 - PrDC Saskatoon, SK
David Wesst
 
Front-End Modernization for Mortals
cgack
 
Building Rich User Experiences Without JavaScript Spaghetti
Jared Faris
 
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]
David Wesst
 
Intro to react_v2
Feather Knee
 
Learning from the Best jQuery Plugins
Marc Grabanski
 
jQuery Conference 2012 keynote
dmethvin
 
Web Development with Smalltalk
Mariano Martínez Peck
 
Javascript spaghetti stirtrek_5_17
Jared Faris
 
Front-End Frameworks: a quick overview
Diacode
 
Untangling spring week8
Derek Jacoby
 
Everyones invited! Meet accesibility requirements with ColdFusion
ColdFusionConference
 
React JS Belgium Touch Base - React, Flux, React Native
Philos.io
 
All of Javascript
Togakangaroo
 
The New Design Workflow
Phase2
 
Enterprise Strength Mobile JavaScript
Troy Miles
 
Getting started with angular js
Maurice De Beijer [MVP]
 
Untangling7
Derek Jacoby
 
Quo vadis, JavaScript? Devday.pl keynote
Christian Heilmann
 
Advanced Object Oriented JavaScript (prototype, closure, scope, design patterns)
raja kvk
 
Ad

Viewers also liked (20)

PDF
Vertical raw mill pradeep kumar
pradeepdeepi
 
PDF
Making Effective Slides
Anitra Nottingham
 
PPTX
BIOPSY
Srishti Tayal
 
PPT
basics of chest X- ray interpretation
Maha Yousif
 
PPT
Effective Social Media For Event Exhibitors
Web 2.0 Expo
 
PDF
Sass Code Reviews - How one code review changed my life #SassConf2015
Stacy Kvernmo
 
PDF
Nielsen Global Consumer Exercise Trends Survey 2014
Bryan K. O'Rourke
 
PPTX
Mastoidectomy (by drdhiru456)
Dr Dhirendra Patil
 
PPTX
Intro to Systems Thinking
Patrick Woessner
 
PDF
The Ultimate Guide to Creating Visually Appealing Content
Neil Patel
 
PDF
Engaging Learners with Technology
Dean Shareski
 
PDF
Thai tech startup ecosystem report 2017
Techsauce Media
 
PPTX
What I Carry: 10 Tools for Success
Jonathon Colman
 
PPTX
8086 microprocessor instruction set by Er. Swapnil Kaware
Prof. Swapnil V. Kaware
 
PPT
Manpower Planning
Khan Mohammad Mahmud Hasan
 
PDF
Dear NSA, let me take care of your slides.
Emiland
 
PPT
Mri brain anatomy Dr Muhammad Bin Zulfiqar
Dr. Muhammad Bin Zulfiqar
 
PDF
Masters of SlideShare
Kapost
 
PDF
How to Make Awesome SlideShares: Tips & Tricks
SlideShare
 
PDF
Microsoft to Acquire LinkedIn: Overview for Investors
Microsoft
 
Vertical raw mill pradeep kumar
pradeepdeepi
 
Making Effective Slides
Anitra Nottingham
 
BIOPSY
Srishti Tayal
 
basics of chest X- ray interpretation
Maha Yousif
 
Effective Social Media For Event Exhibitors
Web 2.0 Expo
 
Sass Code Reviews - How one code review changed my life #SassConf2015
Stacy Kvernmo
 
Nielsen Global Consumer Exercise Trends Survey 2014
Bryan K. O'Rourke
 
Mastoidectomy (by drdhiru456)
Dr Dhirendra Patil
 
Intro to Systems Thinking
Patrick Woessner
 
The Ultimate Guide to Creating Visually Appealing Content
Neil Patel
 
Engaging Learners with Technology
Dean Shareski
 
Thai tech startup ecosystem report 2017
Techsauce Media
 
What I Carry: 10 Tools for Success
Jonathon Colman
 
8086 microprocessor instruction set by Er. Swapnil Kaware
Prof. Swapnil V. Kaware
 
Manpower Planning
Khan Mohammad Mahmud Hasan
 
Dear NSA, let me take care of your slides.
Emiland
 
Mri brain anatomy Dr Muhammad Bin Zulfiqar
Dr. Muhammad Bin Zulfiqar
 
Masters of SlideShare
Kapost
 
How to Make Awesome SlideShares: Tips & Tricks
SlideShare
 
Microsoft to Acquire LinkedIn: Overview for Investors
Microsoft
 
Ad

Similar to Unobtrusive JavaScript with jQuery (20)

PPTX
Workshop Intro: FrontEnd General Overview
Visual Engineering
 
PDF
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Simon Willison
 
PPTX
Unobtrusive js
bretticus
 
PPTX
WT Module-3.pptx
RamyaH11
 
PDF
wt mod3.pdf
VinayKumarV24
 
PDF
Microsoft PowerPoint - jQuery-1-Ajax.pptx
guestc8e51c
 
PDF
Microsoft PowerPoint - jQuery-3-UI.pptx
guestc8e51c
 
PDF
issue1
guest5fe9d57
 
PDF
issue1
guest922726
 
PDF
WEB MODULE 3.pdf
Deepika A B
 
PDF
Pro jQuery 2 0 Second Edition Adam Freeman
waibapandim
 
PDF
JavaScript Libraries: The Big Picture
Simon Willison
 
PDF
How to make Ajax Libraries work for you
Simon Willison
 
PPT
An Introduction to Ajax Programming
hchen1
 
PDF
Expert-led jQuery training to master your craft.
iqtraining
 
PPT
JQuery
J B
 
PPTX
J query mobile tech talk
woliverj
 
PPTX
JS digest. April 2018
ElifTech
 
PDF
jQuery: The World's Most Popular JavaScript Library Comes to XPages
Teamstudio
 
PPT
Unobtrusive javascript
Lee Jordan
 
Workshop Intro: FrontEnd General Overview
Visual Engineering
 
Jazz up your JavaScript: Unobtrusive scripting with JavaScript libraries
Simon Willison
 
Unobtrusive js
bretticus
 
WT Module-3.pptx
RamyaH11
 
wt mod3.pdf
VinayKumarV24
 
Microsoft PowerPoint - jQuery-1-Ajax.pptx
guestc8e51c
 
Microsoft PowerPoint - jQuery-3-UI.pptx
guestc8e51c
 
issue1
guest5fe9d57
 
issue1
guest922726
 
WEB MODULE 3.pdf
Deepika A B
 
Pro jQuery 2 0 Second Edition Adam Freeman
waibapandim
 
JavaScript Libraries: The Big Picture
Simon Willison
 
How to make Ajax Libraries work for you
Simon Willison
 
An Introduction to Ajax Programming
hchen1
 
Expert-led jQuery training to master your craft.
iqtraining
 
JQuery
J B
 
J query mobile tech talk
woliverj
 
JS digest. April 2018
ElifTech
 
jQuery: The World's Most Popular JavaScript Library Comes to XPages
Teamstudio
 
Unobtrusive javascript
Lee Jordan
 

More from Simon Willison (20)

PDF
How Lanyrd does Geo
Simon Willison
 
PDF
Cheap tricks for startups
Simon Willison
 
PDF
The Django Web Framework (EuroPython 2006)
Simon Willison
 
PDF
Building Lanyrd
Simon Willison
 
PDF
How we bootstrapped Lanyrd using Twitter's social graph
Simon Willison
 
PDF
Web Services for Fun and Profit
Simon Willison
 
PDF
Tricks & challenges developing a large Django application
Simon Willison
 
PDF
Advanced Aspects of the Django Ecosystem: Haystack, Celery & Fabric
Simon Willison
 
PDF
How Lanyrd uses Twitter
Simon Willison
 
PDF
ScaleFail
Simon Willison
 
PDF
Building Things Fast - and getting approval
Simon Willison
 
PDF
Rediscovering JavaScript: The Language Behind The Libraries
Simon Willison
 
PDF
Building crowdsourcing applications
Simon Willison
 
PDF
Evented I/O based web servers, explained using bunnies
Simon Willison
 
PDF
Cowboy development with Django
Simon Willison
 
PDF
Crowdsourcing with Django
Simon Willison
 
PDF
Django Heresies
Simon Willison
 
PDF
Class-based views with Django
Simon Willison
 
PDF
Web App Security Horror Stories
Simon Willison
 
PDF
Web Security Horror Stories
Simon Willison
 
How Lanyrd does Geo
Simon Willison
 
Cheap tricks for startups
Simon Willison
 
The Django Web Framework (EuroPython 2006)
Simon Willison
 
Building Lanyrd
Simon Willison
 
How we bootstrapped Lanyrd using Twitter's social graph
Simon Willison
 
Web Services for Fun and Profit
Simon Willison
 
Tricks & challenges developing a large Django application
Simon Willison
 
Advanced Aspects of the Django Ecosystem: Haystack, Celery & Fabric
Simon Willison
 
How Lanyrd uses Twitter
Simon Willison
 
ScaleFail
Simon Willison
 
Building Things Fast - and getting approval
Simon Willison
 
Rediscovering JavaScript: The Language Behind The Libraries
Simon Willison
 
Building crowdsourcing applications
Simon Willison
 
Evented I/O based web servers, explained using bunnies
Simon Willison
 
Cowboy development with Django
Simon Willison
 
Crowdsourcing with Django
Simon Willison
 
Django Heresies
Simon Willison
 
Class-based views with Django
Simon Willison
 
Web App Security Horror Stories
Simon Willison
 
Web Security Horror Stories
Simon Willison
 

Recently uploaded (20)

PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
SHREYAS PHANSE
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
AVTRON Technologies LLC
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PDF
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
AbdullahSani29
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
defencerabbit Team
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Cloud computing and distributed systems.
kkkkkhan
 
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
SHREYAS PHANSE
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
AVTRON Technologies LLC
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
solutions_manual_-_materials___processing_in_manufacturing__demargo_.pdf
AbdullahSani29
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Jian-Hong Pan
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
defencerabbit Team
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase