Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 103 lines (96 sloc) 3.353 kb
27610a5 @madrobby initial commit
authored
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>DOM Monster Bookmarklet</title>
5 <meta http-equiv="imagetoolbar" content="no" />
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
6 <meta charset="utf-8" />
7 <style media="screen">
6b80408 @madrobby add build system for easily make distributable version
authored
8 body {
27610a5 @madrobby initial commit
authored
9 font:14px/18px 'Lucida Grande', Verdana, sans-serif;
10 margin: 40px 0 25px 50px;
11 }
12 a {
13 color: #5d2a10;
14 }
15 h2 {
16 margin:0;
17 width:618px;
18 height:174px;
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
19 text-indent:-9999em;
27610a5 @madrobby initial commit
authored
20 background:url(assets/dom-monster.png);
21 }
22 p {
23 width:510px;
24 font-size:14px;
25 line-height:20px;
26 margin-left: 175px;
27 color:#444;
28 }
29 p.important {
30 font-size:17px;
31 line-height:21px;
32 color: #5d2a10;
33 }
34 a.bookmarklet {
35 background: #5d2a10;
36 color: #fff;
37 padding: 5px;
38 -webkit-border-radius: 5px;
39 -moz-border-radius: 5px;
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
40 border-radius: 5px;
27610a5 @madrobby initial commit
authored
41 }
42 p.copyright {
43 margin-top: 30px;
44 font-size: 11px;
45 line-height: 14px;
46 color: #888;
47 }
48 em {
49 font-style: normal;
50 font-weight: bold;
51 }
52 p.learn-more {
53 border: 3px solid #f0f0f0;
54 padding: 20px;
55 width: 470px;
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
56 -webkit-border-radius: 20px;
57 -moz-border-radius: 20px;
27610a5 @madrobby initial commit
authored
58 border-radius: 20px;
59 text-align: center;
60 }
61 </style>
62 </head>
63 <body>
64 <h2>Meet the DOM Monster!</h2>
65 <p style="margin-top:-40px">
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
66 <b>DOM Monster</b> is our answer to JavaScript performance tools that just don’t give you the full picture.
27610a5 @madrobby initial commit
authored
67 </p>
68 <p>
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
69 <b>DOM Monster</b> is a cross-platform, cross-browser bookmarklet that will analyze the DOM &amp; other features of the page you’re on, and give you its bill of health.
27610a5 @madrobby initial commit
authored
70 </p>
71 <p>
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
72 If there are problems, <b>DOM Monster</b> will point them out — and even make suggestions on how to fix ’em.
27610a5 @madrobby initial commit
authored
73 </p>
6b80408 @madrobby add build system for easily make distributable version
authored
74
27610a5 @madrobby initial commit
authored
75 <p class="important">
c419d9f @johnpolacek adjust bookmarklet script src to support http or https
johnpolacek authored
76 Drag the <a class="bookmarklet" href="javascript:(function(){var%20script=document.createElement('script');script.src='//mir.aculo.us/dom-monster/dommonster.js?'+Math.floor((+new Date)/(864e5));document.body.appendChild(script);})()">DOM Monster!</a> to your bookmarks bar!
27610a5 @madrobby initial commit
authored
77 </p>
6b80408 @madrobby add build system for easily make distributable version
authored
78
27610a5 @madrobby initial commit
authored
79 <p>
52a076c @madrobby wording
authored
80 DOM Monster! is the brainchild of <a href="http://unicornfree.com/">Amy Hoy</a> and
81 was programmed by <a href="http://mir.aculo.us/">Thomas Fuchs</a>.
82 </p>
6b80408 @madrobby add build system for easily make distributable version
authored
83
52a076c @madrobby wording
authored
84 <p>
27610a5 @madrobby initial commit
authored
85 <em>We'll keep the DOM Monster! up to date</em> and feed it with the latest in page analyzing features for you! <em>You don't have to update or reinstall</em> the bookmarklet to always get the latest and greatest version! Be sure to drag the DOM Monster! to your bookmarks bar in <em>all browsers</em> you want to test in!
86 </p>
6b80408 @madrobby add build system for easily make distributable version
authored
87
27610a5 @madrobby initial commit
authored
88 <p>
89 <em>The DOM Monster is open source.</em> Contribute your own tips and tests. Visit the <a href="http://github.com/madrobby/dom-monster">DOM Monster repository on GitHub</a>.
90 </p>
6b80408 @madrobby add build system for easily make distributable version
authored
91
27610a5 @madrobby initial commit
authored
92 <p class="learn-more">
515ce31 @mathiasbynens Clean up the bookmarklet:
mathiasbynens authored
93 <a href="http://javascriptrocks.com/performance/"><img src="assets/jsrocks.png" alt="JavaScript Rocks!"></a>
52a076c @madrobby wording
authored
94 Learn more about the DOM Monster! and how to deal with DOM and JavaScript performance issues!
6b80408 @madrobby add build system for easily make distributable version
authored
95 Grab a copy of our<br> <a href="http://javascriptrocks.com/performance/">JavaScript Rocks! performance ebook</a>.
27610a5 @madrobby initial commit
authored
96 </p>
6b80408 @madrobby add build system for easily make distributable version
authored
97
27610a5 @madrobby initial commit
authored
98 <p class="copyright starts-section">
52a076c @madrobby wording
authored
99 Copyright © 2009-2011 <a href="http://unicornfree.com/">Amy Hoy</a> and <a href="http://mir.aculo.us/">Thomas Fuchs</a>
27610a5 @madrobby initial commit
authored
100 </p>
101 </body>
6b80408 @madrobby add build system for easily make distributable version
authored
102 </html>
Something went wrong with that request. Please try again.