Skip to content

Commit 77cf386

Browse files
bennadelbennadel
committed
Move the list of demo links to the readme.
1 parent 2f9c311 commit 77cf386

File tree

3 files changed

+54
-143
lines changed

3 files changed

+54
-143
lines changed

‎README.md

+45-1
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,52 @@ blog, [BenNadel.com][1]. Basically, all the code is already on my blog; but,
88
I wanted a way to easily create interactive demos that my readers could play
99
with.
1010

11-
[View my JavaScript Demos][demos].
11+
## My JavaScript Demos - I Love JavaScript!
1212

13+
* [My First Look At Firebase In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/first-look-at-firebase/)
14+
* [Creating A Reusable Timer In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/reusable-timer-angularjs/)
15+
* [Looking At Nested Event Timing And DOM Structure In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/nested-event-timing-angularjs/)
16+
* [Migrating From ui-if To ng-if In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/migrating-ui-if-to-ng-if-angularjs/)
17+
* [Using Scope.$watch() To Watch Functions In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/watch-functions-angularjs/)
18+
* [Looking At $compile() And MaxPriority In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/compile-maxpriority-angularjs/)
19+
* [Looking At Attribute Interpolation Workflow Changes In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/attribute-interpolation-workflow-changes-angularjs/)
20+
* [Inspecting Attribute-Normalization Within Directives In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/inspecting-attribute-normalization-directives-angularjs/)
21+
* [Shadowing Isolate Scope Behaviors In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/shadowing-isolate-scope-behaviors-angularjs/)
22+
* [Using Isolate Scope In Directives In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/isolate-scope-directives-angularjs/)
23+
* [Spliced in Array Prototype To Return Original Array Reference](http://bennadel.github.io/JavaScript-Demos/demos/spliced-in-array-prototype/)
24+
* [Looking At How scope.$evalAsync() Affects Performance In AngularJS Directives](http://bennadel.github.io/JavaScript-Demos/demos/eval-async-affects-performance-angularjs/)
25+
* [Creating Asynchronous Alerts, Prompts, And Confirms In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/creating-asynchronous-prompts-angularjs/)
26+
* [Watching Object Literal Expressions In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/watching-object-expressions-angularjs/)
27+
* [Creating A Pixel-Based Version Of ngStyle In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/px-style-angularjs/)
28+
* [Triggering $digest Phases In Related Directives In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/trigger-digest-across-directives-angularjs/)
29+
* [Using URL Interpolation With $http In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/http-interpolation-angularjs/)
30+
* [Finding Shallow Comment Nodes In The DOM Using TreeWalker](http://bennadel.github.io/JavaScript-Demos/demos/find-shallow-comments-tree-walker/)
31+
* [Finding Comment Nodes In The DOM Using TreeWalker](http://bennadel.github.io/JavaScript-Demos/demos/find-comments-tree-walker/)
32+
* [$scope.$evalAsync() vs. $timeout() In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/eval-async-vs-timeout-angularjs/)
33+
* [Directive Controller And Link Timing In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/directive-controller-timing-angularjs/)
34+
* [Implementing Collections.Shuffle() In JavaScript](http://bennadel.github.io/JavaScript-Demos/demos/collections-shuffle/)
35+
* [Preloading Images In AngularJS With Promises](http://bennadel.github.io/JavaScript-Demos/demos/preloading-images-angularjs/)
36+
* [Case Study: Using $scope.$digest() As A Performance Optimization In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/case-study-scope-digest-angularjs/)
37+
* [Using $scope.$digest() As A Performance Optimization In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/scope-digest-angularjs/)
38+
* [Hooking Into The ngRepeat Completion Event In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/ng-repeat-complete-event-angularjs/)
39+
* [Sanity Check: $index vs. DOM In AngularJS Directives](http://bennadel.github.io/JavaScript-Demos/demos/index-vs-dom-angularjs/)
40+
* [Keep Overflow Content Scrolling Unresponsive Until Clicked Using jQuery](http://bennadel.github.io/JavaScript-Demos/demos/overflow-scrolling-jquery/)
41+
* [$watch() vs. $watchCollection() In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/watch-vs-watch-collection/)
42+
* [Stop() vs. Finish() In jQuery](http://bennadel.github.io/JavaScript-Demos/demos/finish-vs-stop/)
43+
* [Transclude Function Passed To Link Function In AngularJS 1.2](http://bennadel.github.io/JavaScript-Demos/demos/link-transclude-angularjs-1.2/)
44+
* [Compound Transclusion Prevented In AngularJS 1.2](http://bennadel.github.io/JavaScript-Demos/demos/switch-include-angularjs-1.2/)
45+
* [Defer DOM Tree Binding In AngularJS With Delayed Transclusion](http://bennadel.github.io/JavaScript-Demos/demos/defer-dom-subtree-angularjs/)
46+
* [Using Start/End Directive-Ranges In AngularJS 1.2](http://bennadel.github.io/JavaScript-Demos/demos/start-end-directive-ranges-angularjs/)
47+
* [Using Track-By With ngRepeat In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/track-by-ngrepeat-angularjs/)
48+
* [Preloading Data Before Executing ngInclude In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/preloading-nginclude-angularjs/)
49+
* [Loading AngularJS Components With RequireJS After Application Bootstrap](http://bennadel.github.io/JavaScript-Demos/demos/loading-angularjs-with-requirejs-after-bootstrap/)
50+
* [Loading AngularJS Components After Application Bootstrap](http://bennadel.github.io/JavaScript-Demos/demos/loading-angularjs-after-bootstrap/)
51+
* [Creating a RequireJS Service For AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/requirejs-service-angularjs/)
52+
* [Don't Forget To Cancel $timeout Timers In Your $destroy Events In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/cancel-timeout-angularjs/)
53+
* [Logging Client-Side Errors With AngularJS And Stacktrace.js](http://bennadel.github.io/JavaScript-Demos/demos/error-logging-angularjs/)
54+
* [Mixing Static Content With ngSwitch / ngSwitchWhen In AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/mixed-ng-switch/)
55+
* [Lazy Loading Images With AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/lazy-src-angularjs/)
56+
* [Cross-Fading Images With AngularJS](http://bennadel.github.io/JavaScript-Demos/demos/image-cross-fade-angularjs/)
1357

1458
[1]: http://www.bennadel.com
1559
[2]: https://plus.google.com/108976367067760160494?rel=author

‎demos/index.htm

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<script type="text/javascript">
66

7-
location.href = "../";
7+
location.href = "https://github.com/bennadel/JavaScript-Demos";
88

99
</script>
1010
</head>

‎index.htm

+8-141
Original file line numberDiff line numberDiff line change
@@ -2,150 +2,17 @@
22
<!doctype html>
33
<html>
44
<head>
5-
<title>
6-
JavaScript Demos by Ben Nadel (for BenNadel.com)
7-
</title>
5+
<script type="text/javascript">
6+
7+
location.href = "https://github.com/bennadel/JavaScript-Demos";
8+
9+
</script>
810
</head>
911
<body>
1012

11-
<h1>
12-
JavaScript Demos by Ben Nadel (for <a href="http://www.bennadel.com">BenNadel.com</a>)
13-
</h1>
14-
15-
<ul>
16-
<li>
17-
<a href="./demos/first-look-at-firebase/">My First Look At Firebase In AngularJS</a>
18-
</li>
19-
<li>
20-
<a href="./demos/reusable-timer-angularjs/">Creating A Reusable Timer In AngularJS</a>
21-
</li>
22-
<li>
23-
<a href="./demos/nested-event-timing-angularjs/">Looking At Nested Event Timing And DOM Structure In AngularJS</a>
24-
</li>
25-
<li>
26-
<a href="./demos/migrating-ui-if-to-ng-if-angularjs/">Migrating From ui-if To ng-if In AngularJS</a>
27-
</li>
28-
<li>
29-
<a href="./demos/watch-functions-angularjs/">Using Scope.$watch() To Watch Functions In AngularJS</a>
30-
</li>
31-
<li>
32-
<a href="./demos/compile-maxpriority-angularjs/">Looking At $compile() And MaxPriority In AngularJS</a>
33-
</li>
34-
<li>
35-
<a href="./demos/attribute-interpolation-workflow-changes-angularjs/">Looking At Attribute Interpolation Workflow Changes In AngularJS</a>
36-
</li>
37-
<li>
38-
<a href="./demos/inspecting-attribute-normalization-directives-angularjs/">Inspecting Attribute-Normalization Within Directives In AngularJS</a>
39-
</li>
40-
<li>
41-
<a href="./demos/shadowing-isolate-scope-behaviors-angularjs/">Shadowing Isolate Scope Behaviors In AngularJS</a>
42-
</li>
43-
<li>
44-
<a href="./demos/isolate-scope-directives-angularjs/">Using Isolate Scope In Directives In AngularJS</a>
45-
</li>
46-
<li>
47-
<a href="./demos/spliced-in-array-prototype/">Spliced in Array Prototype To Return Original Array Reference</a>
48-
</li>
49-
<li>
50-
<a href="./demos/eval-async-affects-performance-angularjs/">Looking At How scope.$evalAsync() Affects Performance In AngularJS Directives</a>
51-
</li>
52-
<li>
53-
<a href="./demos/creating-asynchronous-prompts-angularjs/">Creating Asynchronous Alerts, Prompts, And Confirms In AngularJS</a>
54-
</li>
55-
<li>
56-
<a href="./demos/watching-object-expressions-angularjs/">Watching Object Literal Expressions In AngularJS</a>
57-
</li>
58-
<li>
59-
<a href="./demos/px-style-angularjs/">Creating A Pixel-Based Version Of ngStyle In AngularJS</a>
60-
</li>
61-
<li>
62-
<a href="./demos/trigger-digest-across-directives-angularjs/">Triggering $digest Phases In Related Directives In AngularJS</a>
63-
</li>
64-
<li>
65-
<a href="./demos/http-interpolation-angularjs/">Using URL Interpolation With $http In AngularJS</a>
66-
</li>
67-
<li>
68-
<a href="./demos/find-shallow-comments-tree-walker/">Finding Shallow Comment Nodes In The DOM Using TreeWalker</a>
69-
</li>
70-
<li>
71-
<a href="./demos/find-comments-tree-walker/">Finding Comment Nodes In The DOM Using TreeWalker</a>
72-
</li>
73-
<li>
74-
<a href="./demos/eval-async-vs-timeout-angularjs/">$scope.$evalAsync() vs. $timeout() In AngularJS</a>
75-
</li>
76-
<li>
77-
<a href="./demos/directive-controller-timing-angularjs/">Directive Controller And Link Timing In AngularJS</a>
78-
</li>
79-
<li>
80-
<a href="./demos/collections-shuffle/">Implementing Collections.Shuffle() In JavaScript</a>
81-
</li>
82-
<li>
83-
<a href="./demos/preloading-images-angularjs/">Preloading Images In AngularJS With Promises</a>
84-
</li>
85-
<li>
86-
<a href="./demos/case-study-scope-digest-angularjs/">Case Study: Using $scope.$digest() As A Performance Optimization In AngularJS</a>
87-
</li>
88-
<li>
89-
<a href="./demos/scope-digest-angularjs/">Using $scope.$digest() As A Performance Optimization In AngularJS</a>
90-
</li>
91-
<li>
92-
<a href="./demos/ng-repeat-complete-event-angularjs/">Hooking Into The ngRepeat Completion Event In AngularJS</a>
93-
</li>
94-
<li>
95-
<a href="./demos/index-vs-dom-angularjs/">Sanity Check: $index vs. DOM In AngularJS Directives</a>
96-
</li>
97-
<li>
98-
<a href="./demos/overflow-scrolling-jquery/">Keep Overflow Content Scrolling Unresponsive Until Clicked Using jQuery</a>
99-
</li>
100-
<li>
101-
<a href="./demos/watch-vs-watch-collection/">$watch() vs. $watchCollection() In AngularJS</a>
102-
</li>
103-
<li>
104-
<a href="./demos/finish-vs-stop/">Stop() vs. Finish() In jQuery</a>
105-
</li>
106-
<li>
107-
<a href="./demos/link-transclude-angularjs-1.2/">Transclude Function Passed To Link Function In AngularJS 1.2</a>
108-
</li>
109-
<li>
110-
<a href="./demos/switch-include-angularjs-1.2/">Compound Transclusion Prevented In AngularJS 1.2</a>
111-
</li>
112-
<li>
113-
<a href="./demos/defer-dom-subtree-angularjs/">Defer DOM Tree Binding In AngularJS With Delayed Transclusion</a>
114-
</li>
115-
<li>
116-
<a href="./demos/start-end-directive-ranges-angularjs/">Using Start/End Directive-Ranges In AngularJS 1.2</a>
117-
</li>
118-
<li>
119-
<a href="./demos/track-by-ngrepeat-angularjs/">Using Track-By With ngRepeat In AngularJS</a>
120-
</li>
121-
<li>
122-
<a href="./demos/preloading-nginclude-angularjs/">Preloading Data Before Executing ngInclude In AngularJS</a>
123-
</li>
124-
<li>
125-
<a href="./demos/loading-angularjs-with-requirejs-after-bootstrap/">Loading AngularJS Components With RequireJS After Application Bootstrap</a>
126-
</li>
127-
<li>
128-
<a href="./demos/loading-angularjs-after-bootstrap/">Loading AngularJS Components After Application Bootstrap</a>
129-
</li>
130-
<li>
131-
<a href="./demos/requirejs-service-angularjs/">Creating a RequireJS Service For AngularJS</a>
132-
</li>
133-
<li>
134-
<a href="./demos/cancel-timeout-angularjs/">Don't Forget To Cancel $timeout Timers In Your $destroy Events In AngularJS</a>
135-
</li>
136-
<li>
137-
<a href="./demos/error-logging-angularjs/">Logging Client-Side Errors With AngularJS And Stacktrace.js</a>
138-
</li>
139-
<li>
140-
<a href="./demos/mixed-ng-switch/">Mixing Static Content With ngSwitch / ngSwitchWhen In AngularJS</a>
141-
</li>
142-
<li>
143-
<a href="./demos/lazy-src-angularjs/">Lazy Loading Images With AngularJS</a>
144-
</li>
145-
<li>
146-
<a href="./demos/image-cross-fade-angularjs/">Cross-Fading Images With AngularJS</a>
147-
</li>
148-
</ul>
13+
<p>
14+
Redirecting...
15+
</p>
14916

15017
</body>
15118
</html>

0 commit comments

Comments
 (0)