apply core styles to performance section, site-wide tweaks

Author: bobholt

page/about-jquery/how-jquery-works.md

@@ -57,7 +57,7 @@ $( document ).ready( function() {
 Inside the ready event, add a click handler to the link:
 
 ```
-$( document ).ready(function(){
+$( document ).ready(function() {
 
   $("a").click(function( event ) {
 
@@ -106,7 +106,7 @@ element's src attribute
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
   <script>
 
-    $(document).ready(function() {
+    $( document ).ready(function() {
 
       $("a").click(function( event ) {
 

page/code-organization/concepts.md

@@ -19,7 +19,7 @@ some concepts that are common to all good code organization patterns.
 
 - Your code should be divided into units of functionality — modules, services,
   etc. Avoid the temptation to have all of your code in one huge
-  `$(document).ready()` block. This concept, loosely, is known as
+  `$( document ).ready()` block. This concept, loosely, is known as
   encapsulation.
 - Don't repeat yourself. Identify similarities among pieces of functionality,
   and use inheritance techniques to avoid repetitive code.

page/code-organization/feature-browser-detection.md

@@ -58,7 +58,7 @@ There are several ways to go about feature detection:
 
 Let's take a look at how to check whether or not a `<canvas>` element exists in a specific browser, without using a helper library. We do this by specifically querying whether the method or property exists:
 
-```js
+```
 // We want to show a graph in browsers that support canvas, but a data table in browsers that don't.
 var elem = document.createElement("canvas");
 
@@ -93,7 +93,7 @@ Thankfully, there are some great helper libraries (like [Modernizr](http://moder
 
 For example, utilizing Modernizr, we are able to do the same canvas detection test with this code:
 
-```js
+```
 if ( Modernizr.canvas ) {
 
   showGraphWithCanvas();
@@ -113,7 +113,7 @@ So, while the Modernizr syntax is great, it can end up being quite cumbersome to
 
 The Modernizr object exposes a `load()` method that many prefer over the syntax mentioned previously. This is due to the another library that Modernizr now uses internally:  [yepnope](http://yepnopejs.com/). Testing for canvas can now become something like this:
 
-```js
+```
 Modernizr.load({
   test: Modernizr.canvas,
   yep : 'canvas.js',

page/effects/queue_and_dequeue_explained.md

@@ -56,7 +56,7 @@ $.fn.pause = function( n ) {
 
     var el = this;
 
-    setTimeout( function () {
+    setTimeout( function() {
 
       return $( el ).dequeue();
 

page/effects/uses_of_queue_and_dequeue.md

@@ -41,7 +41,7 @@ $.fn.delay = function( time, type ) {
 The default queue in jQuery is fx. The default queue has some special
 properties that are not shared with other queues.
 
-- Auto Start: When calling `$(elem).queue(function(){});` the fx queue will
+- Auto Start: When calling `$(elem).queue(function() {});` the fx queue will
   automatically dequeue the next function and run it if the queue hasn’t
   started.
 - ‘inprogress’ sentinel: Whenever you `dequeue()` a function from the fx queue,

page/events/event-delegation.md

@@ -40,7 +40,7 @@ $("#list a").on( "click", function(event) {
 
   event.preventDefault();
 
-  console.log( $(this).text() );
+  console.log( $( this ).text() );
 
 });
 ```
@@ -72,7 +72,7 @@ $("#list").on("click", "a", function(event) {
 
   event.preventDefault();
 
-  console.log( $(this).text() );
+  console.log( $( this ).text() );
 
 });
 ```

page/events/inside-event-handling-function.md

@@ -42,7 +42,7 @@ Stop the event from bubbling up to other elements.
 In addition to the event object, the event handling function also has access to
 the DOM element that the handler was bound to via the keyword this.  To turn
 the DOM element into a jQuery object that we can use jQuery methods on, we
-simply do $(this), often following this idiom:
+simply do $( this ), often following this idiom:
 
 ```
 var $this = $( this );

page/events/introduction-to-custom-events.md

@@ -165,7 +165,7 @@ the behavior of a lightbulb belongs to the lightbulbs.
 If you're accustomed to object-oriented programming, you may find it useful to
 think of custom events as methods of objects. Loosely speaking, the object to
 which the method belongs is created via the jQuery selector. Binding the
-changeState custom event to all `$('.light')` elements is akin to having a
+changeState custom event to all `$(".light")` elements is akin to having a
 class called `Light` with a method of `changeState`, and then instantiating new
 `Light` objects for each element with a classname of light.
 

page/events/introduction-to-events.md

@@ -65,7 +65,7 @@ $("#helloBtn").click(function(event) {
 });
 ```
 
-The `$('#helloBtn')` code selects the button element using the `$` (aka `jQuery`) function and returns a jQuery object. The jQuery object has a bunch of methods (functions) available to it, one of them named `click`, which resides in the jQuery object's prototype. We call the `click` method on the jQuery object and pass along an anonymous function event handler that's going to be executed when a user clicks the button, alerting "Hello." to the user.
+The `$("#helloBtn")` code selects the button element using the `$` (aka `jQuery`) function and returns a jQuery object. The jQuery object has a bunch of methods (functions) available to it, one of them named `click`, which resides in the jQuery object's prototype. We call the `click` method on the jQuery object and pass along an anonymous function event handler that's going to be executed when a user clicks the button, alerting "Hello." to the user.
 
 There are a number of ways that events can be listened for using jQuery:
 
@@ -169,7 +169,7 @@ Finally, to inspect the event itself and see all of the data it contains, you sh
 
 ```
 //Logging an event's information
-$('form').on( 'submit', function(event) {
+$("form").on( "submit", function(event) {
 
   event.preventDefault(); // Prevent the form's default submission.
 

page/events/working_with_events_part_1.md

@@ -124,7 +124,7 @@ The general idea of event delegation is to bind the event handler to a
 containing element and then have an action take place based on which specific
 element within that containing element is targeted. Let's say we have another
 unordered list: `<ul id="list2"> ... </ul>`. Instead of attaching the .click()
-method to a button — $('#list2 li.special button').click(...) — we can attach
+method to a button — $("#list2 li.special button").click(...) — we can attach
 it to the entire surrounding `<ul>`. Through the magic of "bubbling," any click
 on the button is also a click on the button's surrounding list item, the list
 as a whole, the containing div, and all the way up to the window object. Since