yumyo

Avoid jQuery When Possible

jQuery does good jobs when you're dealing with browser compatibility. But we're living in an age that fewer and fewer people use old-school browsers such as IE <= 7. With the growing of DOM APIs in modern browsers (including IE 8), most functions that jQuery provides are built-in natively.

When targeting only modern browsers, it is better to avoid using jQuery's backward-compatible features. Instead, use the native DOM API, which will make your web page run much faster than you might think (native C / C++ implementaion v.s. JavaScript).

If you're making a web page for iOS (e.g. UIWebView), you should use native DOM APIs because mobile Safari is not that old-school web browser; it supports lots of native DOM APIs.

If you're making a Chrome Extension, you should always use native APIs, not only because Chrome has almost the latest DOM APIs available, but this can also avoid performance issue and unnecessary memory occupation (each jQuery-driven extension needs a separate

yumyo

*Device*	*Portrait*	*Landscape*	*Device type*	*Remarks*
Nexus 7		600		961		Tablet
iPad 2		768		768		Tablet		iOS always reports the same, regardless of orientation.
Surface RT	1366		1024		Tablet
Galaxy Tab 2	1280		800		Tablet
Galaxy Nexus	360		598		Phone
iPhone 5	320		320		Phone		iOS always reports the same, regardless of orientation.
Galaxy S3 mini	320		534		Phone		Stock android browser reports 533, not 534 (Chrome).

yumyo

/* RESTORE DUMP */
mysql -u #username# -p #database# < #dump_file#
/* END RESTORE DUMP */

wget http://wordpress.org/latest.tar.gz  

tar xfz latest.tar.gz

mv wordpress/* ./  

yumyo

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>SKVariables</key>
	<array>
		<dict>
			<key>enabled</key>
			<true/>
			<key>name</key>

yumyo

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

yumyo

<?php

  $prev_post = get_previous_post();
  $id = $prev_post->ID;
  $permalink = get_permalink( $id );

  $next_post = get_next_post();
  $nid = $next_post->ID;
  $permalink = get_permalink($nid);
  

yumyo

/**
     * Disable and enable event on scroll begin and scroll end.
     * @see http://www.thecssninja.com/javascript/pointer-events-60fps
     */
    var root = document.documentElement;
    var timer;

    window.addEventListener('scroll', function() {
        // User scrolling so stop the timeout
        clearTimeout(timer);

yumyo

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

yumyo

<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.com
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query
* Source: http://core.trac.wordpress.org/browser/tags/3.3.1/wp-includes/query.php
*/
 
$args = array( 

yumyo

<?php
/**
 * This code is intended to be added to your wp-config.php file just below the top comment block.
 * It should replace the existing define('DB_*') statements. You can add or remove sections
 * depending on the number of environments you intend to setup. You should change all values of
 * DB_NAME, DB_USER, DB_PASSWORD, and DB_HOST for each environment, making them all distinct
 * for security purposes.
 */

// determine the current environment