Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
List all jsFiddle examples used in the book
- Loading branch information
Showing
3 changed files
with
127 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
li { | ||
margin: 0.3em; | ||
font-size: 1.5em; | ||
margin: 0.3rem; | ||
font-size: 1.5rem; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,124 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<title>List of jsFiddle Examples in jQuery UI in Action</title> | ||
<link rel="stylesheet" href="css/demos.css"> | ||
</head> | ||
<body> | ||
|
||
<h1>jsFiddle Examples</h1> | ||
|
||
<ul> | ||
<li> | ||
Chapter 1 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/Eda2W/">Building a Datepicker</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 2 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/tAp93/">Editable Lists</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/KW3aw/">Terms-of-Use Dialog</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 3 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/Dt8pW/">Contact Form</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/jck37/">Autocomplete GitHub Repositories</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 4 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/jAwrA/">Message Composer</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 5 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/S7pdy/">Drag-and-Drop Word-Matching Game</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/PUVXn/">Shopping Cart</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/5N6h9/">Movie Ranking Poll</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/nCjwc/">Fruit and Vegetable Sorting Game</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/yUs44/">Calendar Grid</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/Bd57U/">Mimicking a File System GUI</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 6 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/7HQDK/">Grocery List Builder</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/Rc4J2/">Contact Form With Error Messages</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/5caqN/">Portlets</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/MaKKX/">Matching Game With Instructions Dialog</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/4ytAn/">Off-Canvas Navigation Menu</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 7 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/78vQL/">Button Widget in Various States</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/z6w6P/">Erring and Disabling Accordion Panels</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/a3zkQ/">Styled Confirmation Dialog</a></li> | ||
<a href="http://jsfiddle.net/tj_vantoll/SL44T/">Vertical Tabs</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/h38E9/">Mobile-Friendly Datepicker</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/cAz6T/">Adding Arrows to a Tooltip Widget</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 8 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/zStp7/">Todo Widget</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 9 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/S6bCN/">Tabs Widget Extension With Orientation Option</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/umrmm/">Todo Widget Extension With Removable Items</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/vfJ65/">Sortable Todo Widget Extension</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/RZVKS/">Mobile-Friendly Datepicker Input</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 11 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/LHts7/">Responsive Design Example</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/ujwWL/">Flight-Search Application</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Chapter 12 | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/LgGQH/">Position Utility Example</a></li> | ||
<a href="http://jsfiddle.net/tj_vantoll/59eZq/">UI Walkthrough</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/587n9/">Tooltip With Collision-Aware Arrows</a></li> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/phkCB/">Notification Widget</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Appendix C | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/Y5BRP/">Backbone-Built Grocery List</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Appendix D | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/fC5j8/">Currency Picker</a></li> | ||
</ul> | ||
</li> | ||
<li> | ||
Appendix F | ||
<ul> | ||
<li><a href="http://jsfiddle.net/tj_vantoll/A62Jt/">jQuery UI Polyfills for HTML5 Features</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
|
||
</body> | ||
</html> |