Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Add internal links and discovery of them via li:hover

  • Loading branch information...
commit 6117d34cef3fc2b968f9565257712734d4b49171 1 parent 8e8adc3
@jeremys jeremys authored Divya Manian committed
Showing with 83 additions and 1 deletion.
  1. +8 −0 css/style.css
  2. +75 −1 index.html
View
8 css/style.css
@@ -122,6 +122,14 @@ section nav, .belief, #main .sucks h2, footer, .sucks li li:after { text-align:
.sucks li li:last-of-type:after { border-bottom: 0; }
.sucks h3 { letter-spacing: 2px; }
.sucks > p { text-align: center; }
+.sucks li li .wrap { width: 20px; height: 50px; position: absolute; top: 3em; left: -20px; opacity: 0;
+ -moz-transition: opacity 0.2s ease-out;
+ -o-transition: opacity 0.2s ease-out;
+ -webkit-transition: opacity 0.2s ease-out;
+ transition: opacity 0.2s ease-out;
+}
+.sucks li li:hover .wrap { opacity: 1;}
+.sucks li li:first-child .wrap { top: 1.5em; }
.quiz ul ul {
-moz-column-count: 2;
View
76 index.html
@@ -220,6 +220,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
<ul>
<li>
+ <a href="#1" name="1" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_headings.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html/html_headings.asp</del></a>.
<blockquote>
Note: Browsers automatically add an empty line before and after a heading.
@@ -231,6 +232,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#2" name="2" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/html5_intro.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html5/html5_intro.asp</a>.
<blockquote>
The latest versions of Safari, Chrome, Firefox, and Opera support some HTML5 features. Internet Explorer 9 will support some HTML5 features.
@@ -242,6 +244,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#3" name="3" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_getstarted.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html/html_getstarted.asp</del></a>.
<blockquote>
[…] professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.
@@ -252,6 +255,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#4" name="4" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/tag_script.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html5/tag_script.asp</del></a>.
<blockquote>
The required <code>type</code> attribute specifies the MIME type of the script.
@@ -259,6 +263,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
<p>This is wrong. In HTML5, the type attribute is optional, not required.</p>
</li>
<li>
+ <a href="#5" name="5" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_styles.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_styles.asp</a>.
<p>
Virtually everything on this page advocates worst practices in Web development. There is no
@@ -268,6 +273,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#6" name="6" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_frames.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_frames.asp</a>.
<p>
Again, frames are considered among the very worst of practices in modern Web development. In
@@ -276,6 +282,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#7" name="7" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_elements.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_elements.asp</a>.
<blockquote>
Most browsers will display HTML correctly even if you forget the end tag
@@ -298,6 +305,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#8" name="8" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_getstarted.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html/html_getstarted.asp</del></a>.
<blockquote>
When you save an HTML file, you can use either the <code>.htm</code> or the <code>.html</code> file extension. We use <code>.htm</code> in
@@ -312,6 +320,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#9" name="9" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/html5_webstorage.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html5/html5_webstorage.asp</del></a>.
<blockquote>
The localStorage method stores the data with no time limit. […] The sessionStorage method stores
@@ -328,6 +337,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#10" name="10" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/html5_ref_standardattributes.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html5/html5_ref_standardattributes.asp</a>.
<p>
There is no such thing as a <code>subject</code> attribute, but W3Schools claims there is.
@@ -341,6 +351,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#11" name="11" class="wrap">#</a>
<a href="http://www.w3schools.com/tags/tag_q.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/tags/tag_q.asp</del></a>.
<blockquote>
Browser Support. The &lt;q> tag is supported in all major browsers, except Internet Explorer.
@@ -349,6 +360,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#12" name="12" class="wrap">#</a>
<p>
The markup of the W3Schools site itself is awful and does not conform to best practices: table in
table in table in table, with lots of inline styles.
@@ -356,6 +368,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#13" name="13" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/html5_form_input_types.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html5/html5_form_input_types.asp</del></a>.
<blockquote>
search: No No 9.0 No No, color: No No 9.0 No No
@@ -368,6 +381,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#14" name="14" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_elements.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_elements.asp</a>.
<blockquote>
Even if <code>&lt;br&gt;</code> works in all browsers, writing <code>&lt;br /&gt;</code> instead is more future proof.
@@ -388,6 +402,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#15" name="15" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_links.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_links.asp</a>.
<blockquote>
The name attribute specifies the name of an anchor. The name attribute is used to create a
@@ -401,6 +416,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#16" name="16" class="wrap">#</a>
<a href="http://www.w3schools.com/tags/tag_font_style.asp" rel="nofollow" class="w3s-link">www.w3schools.com/tags/tag_font_style.asp</a>.
<blockquote>
The &lt;tt>, &lt;i>, &lt;b>, &lt;big>, and &lt;small> tags are all font-style tags. They are not
@@ -416,6 +432,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#17" name="17" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_tables.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_tables.asp</a>.
<p>
Pages earlier in the HTML tutorial they recommended using CSS for style, but suddenly they are
@@ -427,6 +444,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#18" name="18" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_forms.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_forms.asp</a>.
<blockquote>
<pre>&lt;form>
@@ -441,6 +459,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#19" name="19" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_colors.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_colors.asp</a>,
<a href="http://www.w3schools.com/html/html_colornames.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_colornames.asp</a>,
<a href="http://www.w3schools.com/html/html_colorvalues.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_colorvalues.asp</a>
@@ -450,6 +469,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#20" name="20" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_whyusehtml4.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_whyusehtml4.asp</a>.
<p>
This is one of the few places in the entire site where they provide an example that contains a
@@ -459,6 +479,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#21" name="21" class="wrap">#</a>
<a href="http://w3schools.com/html/html_head.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_head.asp</a>.
<blockquote>
<pre>&lt;html>
@@ -480,6 +501,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#22" name="22" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_url.asp" rel="nofollow" class="w3s-link"><del>www.w3schools.com/html/html_url.asp</del></a>.
<blockquote>
Pages starting with http:// are not encrypted, so all information exchanged between your computer
@@ -501,6 +523,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#23" name="23" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_urlencode.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_urlencode.asp</a>.
<blockquote>
URL encoding replaces unsafe ASCII characters with "%" followed by two hexadecimal digits
@@ -514,6 +537,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#24" name="24" class="wrap">#</a>
<a href="http://www.w3schools.com/html/html_webserver.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html/html_webserver.asp</a>.
<blockquote>
Your own PC can act as a web server if you install IIS or PWS.
@@ -527,6 +551,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#25" name="25" class="wrap">#</a>
<a href="http://w3schools.com/html5/html5_video.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html5/html5_video.asp</a>.
<blockquote>
Currently, there are 2 supported video formats for the video element: […] Ogg = Ogg files with
@@ -550,6 +575,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#26" name="26" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/default.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html5/default.asp</a>.
<blockquote>
At W3Schools you will find complete references about tags, standard attributes, standard events,
@@ -564,6 +590,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#27" name="27" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/tag_meta.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html5/tag_meta.asp</a>
<blockquote><pre>&lt;meta charset="ISO-8859-1" /></pre></blockquote>
<p>
@@ -573,6 +600,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#28" name="28" class="wrap">#</a>
<a href="http://www.w3schools.com/html5/tag_details.asp" rel="nofollow" class="w3s-link">www.w3schools.com/html5/tag_details.asp</a>
<p>
The purpose of the HTML5 <code>&lt;details&gt;</code> element. This article makes it sound like <code>&lt;details></code> is a
@@ -581,6 +609,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#29" name="29" class="wrap">#</a>
<a href="http://www.w3schools.com/tags/tag_hn.asp" rel="nofollow" class="w3s-link">www.w3schools.com/tags/tag_hn.asp</a>.
<blockquote>
<code>&lt;h1&gt;</code> defines the largest heading and <code>&lt;h6&gt;</code> defines the smallest heading.
@@ -597,6 +626,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
<h3>CSS</h3>
<ul>
<li>
+ <a href="#30" name="30" class="wrap">#</a>
<a href="http://www.w3schools.com/css/pr_pseudo_after.asp" rel="nofollow" class="w3s-link">www.w3schools.com/css/pr_pseudo_after.asp</a>.
<blockquote>
Example: Play a sound after each occurrence of an h1 element:
@@ -615,6 +645,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#31" name="31" class="wrap">#</a>
<a href="http://www.w3schools.com/css/pr_class_display.asp" rel="nofollow" class="w3s-link">www.w3schools.com/css/pr_class_display.asp</a>.
<blockquote>
No versions of Internet Explorer (including IE8) support the property values <code>inline-table</code>, <code>run-in</code>,
@@ -625,6 +656,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#32" name="32" class="wrap">#</a>
<a href="http://www.w3schools.com/css3/css3_2dtransforms.asp" rel="nofollow" class="w3s-link">www.w3schools.com/css3/css3_2dtransforms.asp</a>.
<blockquote>
2D Transform Methods […] matrix(n,n,n,n,n,n) translate(x,y) scale(x,y) rotate(angle)
@@ -637,6 +669,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#33" name="33" class="wrap">#</a>
<a href="http://www.w3schools.com/css3/css3_fonts.asp" rel="nofollow" class="w3s-link">www.w3schools.com/css3/css3_fonts.asp</a>.
<blockquote>
Internet Explorer does not yet support the @font-face rule.
@@ -651,6 +684,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
<h3>JavaScript</h3>
<ul>
<li>
+ <a href="#34" name="34" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_timing.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_timing.asp</a>.
<blockquote><code>var t=setTimeout("javascript statement",milliseconds);</code></blockquote>
<p>
@@ -664,6 +698,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#35" name="35" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_browser.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_browser.asp</a>.
<blockquote>
Sometimes it can be useful to detect the visitor's browser, and then serve the appropriate information.
@@ -696,7 +731,8 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</p>
</li>
- <li>
+ <li>
+ <a href="#36" name="36" class="wrap">#</a>
<a href="http://www.w3schools.com/jsref/met_win_setinterval.asp" rel="nofollow" class="w3s-link">www.w3schools.com/jsref/met_win_setinterval.asp</a>.
<p>
No warning about what happens when the callback takes longer than the given interval.
@@ -704,6 +740,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#37" name="37" class="wrap">#</a>
<a href="http://www.w3schools.com/jsref/jsref_eval.asp" rel="nofollow" class="w3s-link">www.w3schools.com/jsref/jsref_eval.asp</a>.
<blockquote>
First, <code>eval()</code> determines if the argument is a valid string, then <code>eval()</code> parses the string looking
@@ -716,6 +753,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#38" name="38" class="wrap">#</a>
<a href="http://www.w3schools.com/JS/js_statements.asp" rel="nofollow" class="w3s-link">www.w3schools.com/JS/js_statements.asp</a>.
<blockquote>
JavaScript code (or just JavaScript) is a sequence of JavaScript statements.
@@ -747,6 +785,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
<p>lol whut?!</p>
</li>
<li>
+ <a href="#39" name="39" class="wrap">#</a>
<a href="http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax2" rel="nofollow" class="w3s-link">www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax2</a>.
<blockquote><code>async: false</code></blockquote>
<p>
@@ -757,6 +796,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#40" name="40" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_functions.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_functions.asp</a>.
<blockquote>
If you declare a variable within a function, the variable can only be accessed within that function. When you exit the
@@ -770,6 +810,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#41" name="41" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_objects.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_objects.asp</a>.
<blockquote><code>personObj=new Object();</code></blockquote>
<p>
@@ -785,6 +826,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#42" name="42" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_obj_boolean.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_obj_boolean.asp</a>.
<blockquote><code>var myBoolean=new Boolean();</code></blockquote>
<p>
@@ -808,6 +850,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#43" name="43" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_loop_for.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_loop_for.asp</a>.
<blockquote>
for (var=startvalue;var&lt;=endvalue;var=var+increment)
@@ -821,6 +864,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#44" name="44" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_summary.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_summary.asp</a>.
<blockquote>
Now You Know JavaScript, What's Next? […] If you want to learn about server-side scripting, the
@@ -833,6 +877,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#45" name="45" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_loop_for_in.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_loop_for_in.asp</a>.
<blockquote>Use the for...in statement to loop through an array:</blockquote>
<p>
@@ -854,6 +899,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#46" name="46" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_whereto.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_whereto.asp</a>.
<blockquote>
Scripts in <code>&lt;head&gt;</code>
@@ -876,6 +922,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#47" name="47" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_popup.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_popup.asp</a>.
<p>
<code>alert()</code> and <code>confirm()</code> dialogs with no explanation that they should generally be avoided. Also no
@@ -884,11 +931,13 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#48" name="48" class="wrap">#</a>
<a href="http://www.w3schools.com/jsref/jsref_regexp_compile.asp" rel="nofollow" class="w3s-link">www.w3schools.com/jsref/jsref_regexp_compile.asp</a>.
<p>The <code><a href="https://developer.mozilla.org/en/JavaScript/Reference/Deprecated_Features#RegExp_Methods" rel="external">compile</a></code> method has been deprecated for some time now.</p>
</li>
<li>
+ <a href="#49" name="49" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_intro.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_intro.asp</a>.
<blockquote>
JavaScript's official name is ECMAScript.
@@ -905,6 +954,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#50" name="50" class="wrap">#</a>
<a href="http://www.w3schools.com/jsref/jsref_obj_regexp.asp" rel="nofollow" class="w3s-link">www.w3schools.com/jsref/jsref_obj_regexp.asp</a>.
<blockquote>
<code>var txt=/pattern/modifiers;</code>
@@ -916,6 +966,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#51" name="51" class="wrap">#</a>
<a href="http://www.w3schools.com/JS/js_obj_array.asp" rel="nofollow" class="w3s-link">www.w3schools.com/JS/js_obj_array.asp</a>.
<p>
It lists <code>new <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" rel="external">Array</a>()</code> as the way to create an array. The problem is that this is the old, slower way.
@@ -924,6 +975,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#52" name="52" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_form_validation.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_form_validation.asp</a>.
<p>
Use of generally discouraged
@@ -937,6 +989,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#53" name="53" class="wrap">#</a>
<a href="http://www.w3schools.com/jsref/dom_obj_event.asp" rel="nofollow" class="w3s-link">www.w3schools.com/jsref/dom_obj_event.asp</a>
<p>
Doesn't mention the essential
@@ -947,6 +1000,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#54" name="54" class="wrap">#</a>
<a href="http://www.w3schools.com/JS/js_howto.asp" rel="nofollow" class="w3s-link">www.w3schools.com/JS/js_howto.asp</a>
<blockquote>
The <code>document.write()</code> command is a standard JavaScript command for writing output to a page.
@@ -957,6 +1011,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#55" name="55" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_obj_date.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_obj_date.asp</a>
<blockquote>
Use <code>Date.prototype.getTime()</code> to calculate the years since 1970
@@ -968,6 +1023,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#56" name="56" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_image_maps.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_image_maps.asp</a>
<p>
What in the world does this have to do with JavaScript?
@@ -975,6 +1031,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#57" name="57" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_animation.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_animation.asp</a>
<p>
This is not animation. This is not even something that you should be using JS for. Ever. Example could be done with CSS <code>:hover</code>.
@@ -982,6 +1039,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#58" name="58" class="wrap">#</a>
<a href="http://www.w3schools.com/js/tryit.asp?filename=tryjs_animation" rel="nofollow" class="w3s-link">www.w3schools.com/js/tryit.asp?filename=tryjs_animation</a>.
<p>
Bad "animation" example. Again, example could be done in CSS.
@@ -989,6 +1047,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#59" name="59" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_variables.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_variables.asp</a>
<p>
Claims that <code>x = &hellip;</code> and <code>var x = &hellip;</code> are the "same". They are obviously not
@@ -1001,6 +1060,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#60" name="60" class="wrap">#</a>
<a href="http://www.w3schools.com/ajax/ajax_xmlhttprequest_create.asp" rel="nofollow" class="w3s-link">www.w3schools.com/ajax/ajax_xmlhttprequest_create.asp</a>
<p>
Beginners would probably copy and paste the code which lacks
@@ -1010,6 +1070,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#61" name="61" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_events.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_events.asp</a>
<p>
Encouraging the use of inline event handlers. Also no mention of event bubbling or <code><a href="https://developer.mozilla.org/en/DOM/event.stopPropagation" rel="external">event.stopPropagation</a>()</code>.
@@ -1026,6 +1087,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#62" name="62" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_special_characters.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_special_characters.asp</a>
<p>
That's weird, I am *pretty* sure that ampersands are not characters that need to be escaped in JS strings, but maybe I have been
@@ -1035,6 +1097,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#63" name="63" class="wrap">#</a>
<a href="http://www.w3schools.com/js/js_throw.asp" rel="nofollow" class="w3s-link">www.w3schools.com/js/js_throw.asp</a>
<p>
<code><a href="https://developer.mozilla.org/en/JavaScript/Reference/Statements/throw" rel="external">throw</a></code> is not a function, it is a language construct, so why does their example treat it like one? :(
@@ -1046,6 +1109,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
<h3>Others</h3>
<ul>
<li>
+ <a href="#64" name="64" class="wrap">#</a>
<a href="http://www.w3schools.com/wap/default.asp" rel="nofollow" class="w3s-link">www.w3schools.com/wap/default.asp</a>.
<blockquote>
WML is the language used to create pages for WAP browsers. This tutorial will teach you how to convert HTML pages to pocket
@@ -1058,6 +1122,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#65" name="65" class="wrap">#</a>
<a href="http://www.w3schools.com/tcpip/tcpip_addressing.asp" rel="nofollow" class="w3s-link">www.w3schools.com/tcpip/tcpip_addressing.asp</a>.
<blockquote>
TCP/IP uses 4 computer bytes
@@ -1069,6 +1134,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#66" name="66" class="wrap">#</a>
<a href="http://www.w3schools.com/svg/svg_inhtml.asp" rel="nofollow" class="w3s-link">www.w3schools.com/svg/svg_inhtml.asp</a>.
<blockquote>The <code>&lt;embed></code> tag is not listed in any HTML specification.</blockquote>
<p>
@@ -1078,6 +1144,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#67" name="67" class="wrap">#</a>
<a href="http://www.w3schools.com/svg/svg_examples.asp" rel="nofollow" class="w3s-link">www.w3schools.com/svg/svg_examples.asp</a>.
<blockquote>
All browsers support SVG files nowadays, except for Internet Explorer, which needs a plug-in.
@@ -1092,6 +1159,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#68" name="68" class="wrap">#</a>
<a href="http://www.w3schools.com/svg/svg_filters_intro.asp" rel="nofollow" class="w3s-link">www.w3schools.com/svg/svg_filters_intro.asp</a>.
<blockquote>
SVG Filters is used to add special effects to shapes and text.
@@ -1111,6 +1179,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#69" name="69" class="wrap">#</a>
<a href="http://www.w3schools.com/svg/svg_filters_gaussian.asp" rel="nofollow" class="w3s-link">www.w3schools.com/svg/svg_filters_gaussian.asp</a>.
<blockquote>
The <code>&lt;filter></code> tag has a required id attribute which identifies which filter will
@@ -1131,6 +1200,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#70" name="70" class="wrap">#</a>
<a href="http://www.w3schools.com/svg/svg_grad_linear.asp" rel="nofollow" class="w3s-link">www.w3schools.com/svg/svg_grad_linear.asp</a>.
<blockquote>
The <code>&lt;linearGradient></code> tag must be nested within a <code>&lt;defs></code> tag.
@@ -1142,6 +1212,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#71" name="71" class="wrap">#</a>
<a href="http://www.w3schools.com/vbscript/vbscript_intro.asp" rel="nofollow" class="w3s-link">www.w3schools.com/vbscript/vbscript_intro.asp</a>
<blockquote>
When a VBScript is inserted into an HTML document, the Internet browser will read the HTML and interpret the VBScript.
@@ -1153,6 +1224,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#72" name="72" class="wrap">#</a>
<a href="http://w3schools.com/php/php_mysql_insert.asp" rel="nofollow" class="w3s-link">www.w3schools.com/php/php_mysql_insert.asp</a>
<blockquote><pre><code>$sql="INSERT INTO Persons (FirstName, LastName, Age)
VALUES
@@ -1165,6 +1237,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#73" name="73" class="wrap">#</a>
<a href="http://www.w3schools.com/" rel="nofollow" class="w3s-link">www.w3schools.com/</a>
<p>
No links to the specs, ever. :(
@@ -1172,6 +1245,7 @@ <h1 id="intervention"><b>W3Schools</b> An Intervention</h1>
</li>
<li>
+ <a href="#74" name="74" class="wrap">#</a>
<a href="http://w3schools.com/browsers/browsers_explorer.asp" rel="nofollow" class="w3s-link">www.w3schools.com/browsers/browsers_explorer.asp</a> and <a href="http://w3schools.com/browsers/browsers_stats.asp" rel="nofollow" class="w3s-link">w3schools.com/browsers/browsers_stats.asp</a>
<blockquote>These facts indicate that the browser figures above are not 100% realistic. Other web sites have statistics showing that Internet Explorer is used by at least 80% of the users.
</blockquote>
Please sign in to comment.
Something went wrong with that request. Please try again.