Skip to content

Instantly share code, notes, and snippets.

View cliftoncanady's full-sized avatar

cliftoncanady

View GitHub Profile
@cliftoncanady
cliftoncanady / gist:3953580
Created October 25, 2012 15:51
HTML: HTML5 Embedded Media
<!-- HTML5 Embedded Media -->
<video poster="images/preview.png" width="1280" height="720" controls="controls" preload="none">
<source src="media/video.mp4" type="video/mp4"></source>
<source src="media/video.webm" type="video/webm"></source>
<source src="media/video.ogg" type="video/ogg"></source>
</video>
<audio controls="controls" preload="none">
<source src="music.ogg" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
@cliftoncanady
cliftoncanady / gist:3967878
Last active October 12, 2015 03:58
WORDPRESS: Style.css Header
/*
Theme Name: Theme Example Name
Theme URI: http://example.com/
Description: Description of the theme.
Author: CT Web Design Shop
Author URI: http://ctwebdesignshop.com/
Template: twentyeleven
Version: 0.1.0
*/
@cliftoncanady
cliftoncanady / content-slider.php
Created November 30, 2012 02:06
WordPress Custom Post Type for Foundation Orbit Slider
<?php
$args = array(
'post_type' => 'slide',
'posts_per_page' => 999
);
$temp = $wp_query;
$wp_query = null;
$wp_query = new WP_Query($args);
if($wp_query->have_posts()) : ?>
<div id="featured">
@cliftoncanady
cliftoncanady / Standard Media Queries Snippet
Last active December 20, 2015 02:09
Media Queries for Standard Devices
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
@cliftoncanady
cliftoncanady / config.rb
Last active December 24, 2015 08:39 — forked from nathansmith/config.rb
preferred_syntax = :sass
http_path = '/'
css_dir = 'css'
sass_dir = 'scss'
images_dir = 'img'
javascripts_dir = 'js'
relative_assets = true
line_comments = true
output_style = :compressed
@cliftoncanady
cliftoncanady / fixed background image
Created November 6, 2013 04:24
CSS: fixed background
.title {
background: url(../image.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding: 8em 0; }
iframe {
max-width: 100%;
}
{
"name": "wordpress-starter-theme",
"version": "1.0.0",
"dependencies": {},
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-compass": "~0.2.0",
"grunt-contrib-imagemin": "~0.1.4",
"grunt-contrib-jshint": "~0.4.3",
"grunt-contrib-uglify": "~0.2.0",
'use strict';
module.exports = function(grunt) {
// load all grunt tasks
require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
grunt.initConfig({
// watch for changes and trigger compass, jshint, uglify and livereload
watch: {
.grow-me {
transform: scale(1);
-ms-transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
transition: transform 0.25s;
-ms-transition: -ms-transform 0.25s;
-moz-transition: -moz-transform 0.25s;
-webkit-transition: -webkit-transform 0.25s;
}