Presentation as PDF
-
Upload
sampetruda -
Category
Documents
-
view
634 -
download
0
description
Transcript of Presentation as PDF
![Page 1: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/1.jpg)
![Page 2: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/2.jpg)
who am I?
![Page 3: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/3.jpg)
![Page 4: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/4.jpg)
what is jquery?
![Page 5: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/5.jpg)
jquery’score philosophy
![Page 6: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/6.jpg)
get some elements.do some stuff.
![Page 7: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/7.jpg)
get some elements.but how?
![Page 8: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/8.jpg)
why reinvent the wheel?
![Page 9: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/9.jpg)
CSS 3 plus• div
• div#foo
• div.class
• div, p, a
• div p
• div > p
• div + p
• div ~ p
• div:first
• div:last
• div:not(#foo)
• div:even
• div:odd
• div:eq(1)
• div:gt(1)
• div:lt(1)
• div:header
• div:animated
• div:contains(txt)
• div:empty
• div:has(p)
• div:parent
• div:hidden
• div:visible
![Page 10: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/10.jpg)
CSS 3 plus• div
• div#foo
• div.class
• div, p, a
• div p
• div > p
• div + p
• div ~ p
• div:first
• div:last
• div:not(#foo)
• div:even
• div:odd
• div:eq(1)
• div:gt(1)
• div:lt(1)
• div:header
• div:animated
• div:contains(txt)
• div:empty
• div:has(p)
• div:parent
• div:hidden
• div:visible
![Page 11: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/11.jpg)
CSS 3 plus• div[foo]
• div[foo=bar]
• div[foo!=bar]
• div[foo^=bar]
• div[foo$=bar]
• div[foo*=bar]
• :nth-child(2)
• :nth-child(even)
• :first-child
• :last-child
• :only-child
• :input
• :text
• :password
• :radio
• :checkbox
• :submit
• :image
• :reset
• :button
• :file
• :hidden
• :enabled
• :disabled
• :checked
• :selected
![Page 12: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/12.jpg)
get some elements.
![Page 13: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/13.jpg)
$(“table tr:nth-child(even) > td:visible”)
![Page 14: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/14.jpg)
do stuff.
![Page 15: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/15.jpg)
$(“div”)Returns jquery object
![Page 16: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/16.jpg)
$(“div”).fadeIn()Returns jquery object
![Page 17: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/17.jpg)
$(“div”).fadeIn().css(“color”, “green”)
Returns jquery object
![Page 18: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/18.jpg)
we call this chaining
![Page 19: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/19.jpg)
Crazy chains$(“ul.open”) // [ ul, ul, ul ] .children(“li”) // [ li, li, li ] .addClass(“open”) // [ li, li, li] .end() // [ ul, ul, ul ] .find(“a”) // [ a, a, a ] .click(function(){ $(this).next().toggle(); return false; }) // [ a, a, a ] .end(); // [ ul, ul, ul ]
![Page 20: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/20.jpg)
5 parts of jquerydom
eventseffects
ajaxplugins
![Page 21: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/21.jpg)
dom
$(“div”)
<body>
<div>
<p> <p> <p>
<div> <pre>
<p> <p> <p>
![Page 22: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/22.jpg)
dom
$(“div”).next()
<body>
<div>
<p> <p> <p>
<div> <pre>
<p> <p> <p>
![Page 23: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/23.jpg)
dom
$(“div”).nextall(“p”)
<body>
<div id='foo'> <p> <p> <pre> <p>
![Page 24: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/24.jpg)
dom
$(“div”).nextall(“p:first”)
<body>
<div id='foo'> <p> <p> <pre> <p>
![Page 25: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/25.jpg)
find
dom
![Page 26: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/26.jpg)
dom
$(“div pre”)
<body>
<div>
<p> <pre> <pre>
<div> <pre>
<p> <pre> <p>
![Page 27: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/27.jpg)
dom
$(“div”).find(“pre”)<body>
<div>
<p> <pre> <pre>
<div> <pre>
<p> <pre> <p>
![Page 28: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/28.jpg)
filter$(“div:contains(some text)”)
$(“div”).filter( “:contains(some text)”)
dom
![Page 29: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/29.jpg)
filter$(“div”).filter(function() { return $(this).text() .match(“some text”)})
dom
![Page 30: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/30.jpg)
andself()
dom
![Page 31: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/31.jpg)
dom
$(“div”).parent().andself()
<body>
<div id='foo'>
<p> <p> <p>
<div> <pre>
<p> <p> <p>
![Page 32: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/32.jpg)
attributes$(“div”).attr(“id”)
$(“div”).attr(“id”, “hello”)
dom
Getter
Setter
![Page 33: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/33.jpg)
attributes$(“div”).attr(“id”, function() { return this.name })
$(“div”).attr( {id: “foo”, name: “bar”})
dom
![Page 34: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/34.jpg)
other$(“div”).html()
$(“div”).html(“<p>Hello</p>”)
dom
Getter
Setter
![Page 35: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/35.jpg)
other$(“div”).text()
$(“div”).text(“Hello”)
dom
Getter
Setter
![Page 36: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/36.jpg)
other$(“div”).val()
$(“div”).val(“Hello”)
dom
Getter
Setter
![Page 37: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/37.jpg)
noticing a pattern?
![Page 38: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/38.jpg)
5 parts of jquerydom
eventseffects
ajaxplugins
![Page 39: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/39.jpg)
bind$(“div”).bind(“click”, function()
{ ... })
Alias: $(“div”).click(function() { ... })
![Page 40: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/40.jpg)
“this”refers to the element bound
![Page 41: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/41.jpg)
e$(“div”).click(function(e) { ... })
![Page 42: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/42.jpg)
corrected event object
Property Correction
target The element that triggered the event (event delegation)
relatedTarget The element that the mouse is moving in (or out) of
pageX/Y The mouse cursor relative to the document
which mouse: 1 (left) 2 (middle) 3 (right)
keypress: The ASCII value of the text input
metaKey Control on Windows and Apple on OSX
![Page 43: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/43.jpg)
trigger$(“div”).trigger(“click”)
Alias: $(“div”).click()
![Page 44: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/44.jpg)
triggerhandlerdoesn’t trigger the browser’s default actions
![Page 45: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/45.jpg)
custom events$(“div”).bind(“myEvent”, function()
{ ... })
$(“div”).trigger(“myEvent”)
![Page 46: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/46.jpg)
namespaces$(“div”)
.bind(“activate.autocomplete”, function() { ... })
$(“div”).trigger(“activate”)
![Page 47: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/47.jpg)
5 parts of jquerydom
eventseffects
ajaxplugins
![Page 48: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/48.jpg)
make easy things easy$(“div”).load(“some_url”);
$(“div”).load(“some_url”, {data: “foo”},
![Page 49: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/49.jpg)
it’s easy to do it right
$.getJSON(“some_url”, function(json) { ... })
$.getJSON(“some_url”, {data: “foo”}, function(json) { ... })
![Page 50: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/50.jpg)
it’s consistent$.get(“some_url”, function(text) { ... })
$.post(“some_url”, {data: “foo”}, function(text) { ... })
![Page 51: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/51.jpg)
and powerful
• async
• beforeSend
• cache
• complete
• contentType
• data
• dataType
• error
• global
• ifModified
• jsonp
• processData
• success
• timeout
• type
$.ajax Options
![Page 52: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/52.jpg)
and powerful/* No Ajax requests exist, and one starts */$(“div.progress”).ajaxStart(function() { $(this).show() });
/* The last Ajax request stops */$(“div.progress”).ajaxStop(function() { $(this).hide() });
/* Any Ajax request is sent */$(“p”).ajaxSend(function() { ... });
/* Any Ajax request completes (success or failure) */$(“div”).ajaxComplete(function() { ... });
/* Any Ajax request errors out */$(“div”).ajaxError(function() { ... });
/* Any Ajax request succeeds */$(“div”).ajaxSucccess(function() { ... });
global ajax settings
![Page 53: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/53.jpg)
5 parts of jquerydom
eventseffects
ajaxplugins
![Page 54: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/54.jpg)
metadata
![Page 55: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/55.jpg)
metadata<input class="autocomplete" metadata="{ cluster_id: 1, get: '/customers/from_salesforce’ fields: {id: 'details[salesforce_id]'} }" />
![Page 56: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/56.jpg)
in rails<%= autocomplete( “Search for Salesforce Customer”, { :cluster_id => @cluster.id, :get => “/customers/from_salesforce”, :fields => {:id => ‘details[salesforce_id]’} }) %>
![Page 57: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/57.jpg)
livequery
![Page 58: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/58.jpg)
replaces each$("input.autocomplete").each(function() { var match = $(this).metadata().match || "name"; $(this).autocomplete({ ajax: $(this).metadata().get, insertText: function(obj) { return obj[match]; }, match: function(typed) { var regex = new RegExp(typed, “i”); return this[match || "name"] .toString().match(regex); }, template: function(obj) { return "<li>" + obj[match || "name"] + "</li>"; } })});
metadata
![Page 59: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/59.jpg)
replaces each$("input.autocomplete").each(function() { var match = $(this).metadata().match || "name"; $(this).autocomplete({ ajax: $(this).metadata().get, insertText: function(obj) { return obj[match]; }, match: function(typed) { var regex = new RegExp(typed, “i”); return this[match || "name"] .toString().match(regex); }, template: function(obj) { return "<li>" + obj[match || "name"] + "</li>"; } })});
metadata<%= autocomplete( “Search for Salesforce Customer”, { :cluster_id => @cluster.id, :get => “/customers/from_salesforce”, :fields => {:id => ‘details[salesforce_id]’} }) %>
reminder
![Page 60: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/60.jpg)
replaces each$("input.autocomplete").livequery(function() { var match = $(this).metadata().match || "name"; $(this).autocomplete({ ajax: $(this).metadata().get, insertText: function(obj) { return obj[match]; }, match: function(typed) { var regex = new RegExp(typed, “i”); return this[match || "name"] .toString().match(regex); }, template: function(obj) { return "<li>" + obj[match || "name"] + "</li>"; } })});
catch that?
![Page 61: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/61.jpg)
replaces bind$("a.edit_autocomplete").bind("click", function() { $(this).parent().hide() .prev().show() .find("input").focus(); return false;});
![Page 62: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/62.jpg)
replaces bind$("a.edit_autocomplete").livequery("click", function() { $(this).parent().hide() .prev().show() .find("input").focus(); return false;
catch that?
![Page 63: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/63.jpg)
seamless interaction
![Page 64: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/64.jpg)
ajax$("input.autocomplete").livequery(function() { $(this).bind("activate.autocomplete", function(e, d) { var data = {}, self = this, meta = $(this).metadata() var self = this; var fields = meta.fields, field = meta.field; if(meta.put) { for(prop in fields) data[fields[prop]] = d[prop];
$.post(meta.put, data, function(json) { $(self).val(""); $(self).parent().hide().after("<h5>" + json[field] + " <a href='#' class='edit_autocomplete'>(Edit)</a></h5>"); }, "json"); } else { for(prop in fields) $(":input[name=\"" + fields[prop] + "\"]").val(d[prop]); } });});
var self = this;
![Page 65: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/65.jpg)
ajax$("input.autocomplete").livequery(function() { $(this).bind("activate.autocomplete", function(e, d) { var data = {}, self = this, meta = $(this).metadata() var self = this; var fields = meta.fields, field = meta.field; if(meta.put) { for(prop in fields) data[fields[prop]] = d[prop];
$.post(meta.put, data, function(json) { $(self).val(""); $(self).parent().hide().after("<h5>" + json[field] + " <a href='#' class='edit_autocomplete'>(Edit)</a></h5>"); }, "json"); } else { for(prop in fields) $(":input[name=\"" + fields[prop] + "\"]").val(d[prop]); } });});
meta.put
![Page 66: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/66.jpg)
ajax$("input.autocomplete").livequery(function() { $(this).bind("activate.autocomplete", function(e, d) { var data = {}, self = this, meta = $(this).metadata() var self = this; var fields = meta.fields, field = meta.field; if(meta.put) { for(prop in fields) data[fields[prop]] = d[prop];
$.post(meta.put, data, function(json) { $(self).val(""); $(self).parent().hide().after("<h5>" + json[field] + " <a href='#' class='edit_autocomplete'>(Edit)</a></h5>"); }, "json"); } else { for(prop in fields) $(":input[name=\"" + fields[prop] + "\"]").val(d[prop]); } });});
function(json)
![Page 67: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/67.jpg)
in railsclass CustomersController
def update @customer = Customer.find(params[:id]) @customer.update(params[:details]) respond_to do |format| format.html format.json :json => @customer end endend
send JSON
![Page 68: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/68.jpg)
in merbclass Customers
def update(id, details) @customer = Customer.get!(id) @customer.update(details) display @customer endend
send JSON
![Page 69: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/69.jpg)
ajax$("input.autocomplete").livequery(function() { $(this).bind("activate.autocomplete", function(e, d) { var data = {}, self = this, meta = $(this).metadata() var self = this; var fields = meta.fields, field = meta.field; if(meta.put) { for(prop in fields) data[fields[prop]] = d[prop];
$.post(meta.put, data, function(json) { $(self).val(""); $(self).parent().hide().after("<h5>" + json[field] + " <a href='#' class='edit_autocomplete'>(Edit)</a></h5>"); }, "json"); } else { for(prop in fields) $(":input[name=\"" + fields[prop] + "\"]").val(d[prop]); } });});
$.post(meta.put, data, function(json) { $(self).val(""); $(self).parent().hide().after("<h5>" + json[field] + " <a href='#' class='edit_autocomplete'> " + "(Edit)</a></h5>");}, "json");
receive JSON
![Page 70: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/70.jpg)
who’s using jquery?
![Page 71: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/71.jpg)
who, you ask?• Google
• Dell
• NBC
• CBS
• MSNBC
• Bank of America
• BBC
• Reuters
• Digg
• Business Week
• Newsweek
• Amazon
• Intel
• Oracle
• Cisco
• Slashdot
• Technorati
• Sourceforge
![Page 72: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/72.jpg)
not enough?• Intuit
• American Eagle
• Salesforce
• Newsgator
• Boston Globe
• New York Post
• Miami Herald
• The Food Network
• The Onion
• Feedburner
• WB Records
• Def Jam Records
• AOL
• Classmates.com
• Fandango
• Pandora
• Vodafone
• Ars Technica
![Page 73: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/73.jpg)
you say you want more?
• Linux.com
• Super Smash Bros.
• Barack Obama
• Joost
• iFilm.com
• Mozilla
• Wordpress
• PEAR
• Trac
• Zend
• Hackety Hack
• Joomla
• Age of Empires 3
• myYearbook.com
• REI
• Poker Room
• isoHunt
• Ask a Ninja
![Page 74: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/74.jpg)
get a complete list at
http://docs.jquery.com/Sites_Using_jQuery
![Page 75: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/75.jpg)
this is only the beginning
![Page 76: Presentation as PDF](https://reader034.fdocuments.us/reader034/viewer/2022051110/54bd89234a7959644c8b45ad/html5/thumbnails/76.jpg)
thank you.