Adewale George adewalegeorge

## Gulp Express Livereload
/*
*  dependencies: connect-livereload, express, gulp, gulp-autoprefixer, gulp-minify-css, gulp-notify, gulp-ruby-sass, tiny-lr
*  Files structure:
*  /
    - /css
    	- main.css
    - /node_modules
    - /sass
      - main.scss
    gulpfile.js

## sass-media-breakpoint.scss
/*
 * By Shajed Evan @evanshajed
 * Concept by: CHRIS COYIER @chriscoyier

// Breakpoints
@mixin breakpoint($point) {

  /* Smartphones (portrait and landscape) ----------- */
  @if $point == sp-portrait-lanscape {
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { @content; }

## geocoder_example.html

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
    <link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>

## jquery-columns-plugin.js
// Released under the MIT license
// created by: Frank Zondlo
// Quick and dirty jquery script to split ULs into multiple columns

(function($){

  jQuery.fn.cols = function(num_columns, li_class) {

    //Break up the array into managable chunks
    function chunk (arr, number_of_chunks) {

## photoshop-to-css.sass
/* Reset rem to 10-based instead of default browser 16 */
html {
	font-size: 62.5%;
}

/*
  Photoshop does not apply line height to the first row, which CSS does. This creates all kinds of havock.
  To calculate the correct offset for the first line we need the font-size and the lineheight, i.e:

  @include line-height(22,30);

## Simple Ajax Login Form.php
<?php
//Simple Ajax Login Form
//Source: http://natko.com/wordpress-ajax-login-without-a-plugin-the-right-way/

//html
<form id="login" action="login" method="post">
    <h1>Site Login</h1>
    <p class="status"></p>
    <label for="username">Username</label>
    <input id="username" type="text" name="username">

## sample webpack
var CommonsPlugin = new require("webpack/lib/optimize/CommonsChunkPlugin");
var webpack = new require("webpack");

module.exports = {
			entry: {
							home: "./scripts/home.js",
							apis: "./scripts/api.js",
							app: "./scripts/app.js",
							vendor: "./scripts/vendor.js"
			},
	/*
	* dependencies: connect-livereload, express, gulp, gulp-autoprefixer, gulp-minify-css, gulp-notify, gulp-ruby-sass, tiny-lr
	* Files structure:
	* /
	- /css
	- main.css
	- /node_modules
	- /sass
	- main.scss
	gulpfile.js
	/*
	* By Shajed Evan @evanshajed
	* Concept by: CHRIS COYIER @chriscoyier

	// Breakpoints
	@mixin breakpoint($point) {

	/* Smartphones (portrait and landscape) ----------- */
	@if $point == sp-portrait-lanscape {
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { @content; }

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
	<meta charset="utf-8">
	<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
	<link href="https://developers.google.com/maps/documentation/javascript/examples/default.css" rel="stylesheet">
	<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
	<script>
	// Released under the MIT license
	// created by: Frank Zondlo
	// Quick and dirty jquery script to split ULs into multiple columns

	(function($){

	jQuery.fn.cols = function(num_columns, li_class) {

	//Break up the array into managable chunks
	function chunk (arr, number_of_chunks) {
	/* Reset rem to 10-based instead of default browser 16 */
	html {
	font-size: 62.5%;
	}

	/*
	Photoshop does not apply line height to the first row, which CSS does. This creates all kinds of havock.
	To calculate the correct offset for the first line we need the font-size and the lineheight, i.e:

	@include line-height(22,30);
	<?php
	//Simple Ajax Login Form
	//Source: http://natko.com/wordpress-ajax-login-without-a-plugin-the-right-way/

	//html
	<form id="login" action="login" method="post">
	<h1>Site Login</h1>
	<p class="status"></p>
	<label for="username">Username</label>
	<input id="username" type="text" name="username">
	var CommonsPlugin = new require("webpack/lib/optimize/CommonsChunkPlugin");
	var webpack = new require("webpack");

	module.exports = {
	entry: {
	home: "./scripts/home.js",
	apis: "./scripts/api.js",
	app: "./scripts/app.js",
	vendor: "./scripts/vendor.js"
	},