Ahmad Awais ⌘ ahmadawais

Sans jQuery

Events

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

Git Submodules basic explanation

Why submodules?

In Git you can add a submodule to a repository. This is basically a repository embedded in your main repository. This can be very useful. A couple of usecases of submodules:

Separate big codebases into multiple repositories.

HTML/JS/DOM/CSS Hacks

Taken from https://www.quora.com/Web-Development/What-are-the-most-interesting-HTML-JS-DOM-CSS-hacks-that-most-web-developers-dont-know-about

Make html without creating a file, enter this in address bar

data:text/html,<h1>Hello World!</h1>

Make a page's CSS editable in the browser without using css

<!DOCTYPE html>
<html>

	<?php

	# Register custom post types on the 'init' hook.
	add_action( 'init', 'my_register_post_types' );

	/**
	* Registers post types needed by the plugin.
	*
	* @since 1.0.0
	* @access public

	filter:
	paths:
	- 'lib/*'
	- '/*'
	excluded_paths:
	- 'tests/*'
	- 'examples/*'
	tools:
	php_mess_detector:
	filter:

	var https = require('https'),
	user = process.argv[2],
	opts = parseOpts(process.argv.slice(3))

	request('/users/' + user, function (res) {
	if (!res.public_repos) {
	console.log(res.message)
	return
	}
	var pages = Math.ceil(res.public_repos / 100),

	// Modernizr style test
	if (!(window.webkitMatchMedia \|\| window.mozMatchMedia \|\| window.oMatchMedia \|\| window.msMatchMedia \|\| window.matchMedia)) {
	var root = document.getElementsByTagName( 'html' )[0];
	root.className += ' no-matchmedia';
	}

	/! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas, David Knight. Dual MIT/BSD license /
	window.matchMedia \|\| (window.matchMedia = function() {
	"use strict";

	// Modernizr style test
	if (!(window.webkitMatchMedia \|\| window.mozMatchMedia \|\| window.oMatchMedia \|\| window.msMatchMedia \|\| window.matchMedia)) {
	var root = document.getElementsByTagName( 'html' )[0];
	root.className += ' no-matchmedia';
	}

	/! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license - IE8 VERSION! /
	window.matchMedia = window.matchMedia \|\| (function(doc, undefined){

	var docElem = doc.documentElement,

	/* Pre-Define HTML5 Elements in IE */
	(function(){ var els = "source\|address\|article\|aside\|audio\|canvas\|command\|datalist\|details\|dialog\|figure\|figcaption\|footer\|header\|hgroup\|keygen\|mark\|meter\|menu\|nav\|picture\|progress\|ruby\|section\|time\|video".split('\|'); for(var i = 0; i < els.length; i++) { document.createElement(els[i]); } } )();