Skip to content

Instantly share code, notes, and snippets.

View cliftoncanady's full-sized avatar

cliftoncanady

View GitHub Profile
<script type="text/javascript">
if (typeof jQuery != 'undefined') {
jQuery(document).ready(function($) {
var filetypes = /\.(zip|exe|dmg|pdf|doc.*|xls.*|ppt.*|mp3|txt|rar|wma|mov|avi|wmv|flv|wav)$/i;
var baseHref = '';
if (jQuery('base').attr('href') != undefined) baseHref = jQuery('base').attr('href');
jQuery('a').on('click', function(event) {
var el = jQuery(this);
var track = true;
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation</title>
<link rel="stylesheet" href="css/app.css" />
<link rel="stylesheet" href="css/_masonry.scss" />
<link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
<script src="bower_components/modernizr/modernizr.js"></script>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation Mega Menu</title>
<link rel="stylesheet" href="css/app.css" />
<link href="http://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" rel="stylesheet">
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<?php
/**
* "Friendlier, Safer WordPress Admin Areas"
* Presented by Cliff Seal at WordCamp Atlanta 2015
* Slides: http://www.slideshare.net/cliffseal/wp-admin
*
* Plugin Name: A Better Admin Experience
* Plugin URI: http://evermo.re
* Description: Cleans up and sanitizes the WordPress admin area
* Version: 1.0
<div class="skew_appended" style="height: 68.9189189189189px; bottom: -34.4594594594595px;"></div>
skew_appended, .skew_prepended {
background: #ffffff;
}
skew_appended, .skew_prepended {
width: 100%;
position: absolute;
left: 0;
// ====== Include gulp
var gulp = require('gulp');
// ===== Include Plugins
var server = require('gulp-server-livereload');
var plumber = require('gulp-plumber');
var livereload = require('gulp-livereload');
var notify = require('gulp-notify');
var concat = require('gulp-concat');
var jade = require('gulp-jade');
{
"name": "kwdev",
"version": "1.0.0",
"description": "Development",
"devDependencies": {
"connect": "^3.3.4",
"gulp": "^3.8.8",
"gulp-cache": "^0.2.4",
"gulp-clean": "^0.3.1",
"gulp-concat": "^2.4.2",
@cliftoncanady
cliftoncanady / GULP: Watch Task
Last active August 29, 2015 14:14
GULP:watch
gulp.task('watch', function() {
livereload.listen();
gulp.watch('./scss/**/*.scss', ['sass']).on('change', livereload.changed);
//gulp.watch('./css/img/**/*', ['img']).on('change', livereload.changed);
gulp.watch('./js/**/*.js', ['lint', 'scripts']).on('change', livereload.changed);
gulp.watch('./**/*.html').on('change', livereload.changed);
});
// Default Task
@cliftoncanady
cliftoncanady / gist:f4c31f9d4b87e8f31e2e
Created January 20, 2015 22:36
CSS: Layered Images
/* Working method */
.tinted-image {
background:
/* top, transparent red, faked with gradient */
linear-gradient(
rgba(255, 0, 0, 0.45),
rgba(255, 0, 0, 0.45)
),
/* bottom, image */
url(image.jpg);
@cliftoncanady
cliftoncanady / gist:40f0b0df22dc94fab8db
Created December 11, 2014 23:29
HTML: Logo - Phone
<div class="contain-to-grid nav-section">
<div class="row">
<div class="large-4 columns">
<h1 class="logo"><img src="../images/exptrans-logo.png" alt="Expresstranslate Logo"></h1>
</div>
<div class="large-4 columns">
</div>
<div class="large-2 columns right ph-nubs">
<span class="right">VIC (+61 3) 9013 5556</span><br/>
<span class="right">VIC (+61 3) 9013 5556</span>