mitchmccline’s gists

mitchmccline / scheduleElemVisibility.html

Last active March 25, 2025 13:53

Schedule visibility element start and end date/time


	<div id="targetElem">Content</div>
	<script>
	(function() {
	const targetElement = document.getElementById('targetElem');
	targetElement.style.display = 'none'; //hide element initially

	const scheduledStartDate = new Date('2025-04-02T23:59:00-04:00'); //dateTime needs to be in EDT/EST
	const startDate = new Intl.DateTimeFormat('en-US', {timeZone: 'America/New_York',hour12: false, year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit'}).format(scheduledStartDate);

mitchmccline / SCSS CodeKit WordPress Theme Development Helper

Last active January 8, 2016 03:26

SCSS CodeKit WordPress - This is some Ruby that I found that I use while developing WordPress themes with Compass via CodeKit. In the config.rb file that is generated by CodeKit when Compass is installed on a project. When the styles.css file is saved in the css subfolder the code below will take the file and move it to the root of your WP theme…

	# If you prefer the indented syntax, you might want to regenerate this
	# project again passing --syntax sass, or you can uncomment this:
	# preferred_syntax = :sass
	# and then run:
	# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
	preferred_syntax = :scss

	require 'fileutils'
	on_stylesheet_saved do \|file\|
	if File.exists?(file) && File.basename(file) == "style.css"

mitchmccline / wordpress-codepen-quick-link-embed.php

Last active December 30, 2015 16:19

WordPress CodePen Quick Link Embed - WP Embed Register Handler for CodePen embedded pens in posts from the pen url that is pasted into the wp editor. Using regex to pull the username and pen id slug hash from any CodePen pen link in order to register the embed handler in WordPress. http://codex.wordpress.org/Function_Reference/wp_embed_register_…

	/**
	*
	* Creates an Embed Handler for CodePen Embeds
	* Tested on WP 3.7.1
	*
	*/
	wp_embed_register_handler( 'codepen', '/http?:\/\/codepen\.io\/([a-z0-9]+)\/pen\/([a-z0-9]+)/i', 'wp_embed_handler_codepen');
	function wp_embed_handler_codepen( $matches, $attr, $url, $rawattr ) {
	$embed = sprintf(
	'<p data-height="268" data-theme-id="0" data-user="%1$s" data-slug-hash="%2$s" data-default-tab="result" class="codepen"><a href="http://codepen.io/%1$s/pen/%2$s">A Pen by %1$s</a> (<a href="http://codepen.io/%1$s">@%1$s</a>) on <a href="http://codepen.io">CodePen</a></p>

mitchmccline / index.html

Created November 2, 2013 23:27 — forked from BrookeDot/index.html

	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	</head>
	<body>
	<div id="email">
	<span>Enter your email to sign up</span>
	<form action="/subscribe.php" id="invite" method="POST">
	<input type="text" placeholder="[email protected]" name="email" id="address" data-validate="validate(required, email)"/>

mitchmccline / Cross-Browser ::before and ::after pseudo-class polyfill

Created October 23, 2013 01:53 — forked from corydorning/Cross-Browser ::before and ::after pseudo-class polyfill

	/* =============================================================================
	CSS Declarations
	========================================================================== */

	/* ==\|== The Standard Way =================================================== */

	.foo::before {
	/* ...css rules... */
	}

mitchmccline / index.html

Created May 18, 2013 16:28

A CodePen by Chris Coyier. Slider like Yahoo Weather App

	<div class="slider-wrap">
	<div class="slider" id="slider">
	<div class="holder">
	<div class="slide" id="slide-0"><span class="temp">74°</span></div>
	<div class="slide" id="slide-1"><span class="temp">64°</span></div>
	<div class="slide" id="slide-2"><span class="temp">82°</span></div>
	</div>
	</div>
	<nav class="slider-nav">
	<a href="#slide-0" class="active">Slide 0</a>

mitchmccline / index.html

Created May 13, 2013 04:17

A CodePen by mitchmc. CSS only Custom Radio and Checkboxes - Based on the webdesign tuts+ article (link below) but instead of using images I used only css. http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/

	<div>
	<input type="checkbox" id="check01" name="check" />
	<label for="check01"><span></span>Check Box 1</label>
	</div>

	<div>
	<input type="checkbox" id="check02" name="check" />
	<label for="check02"><span></span>Check Box 2</label>
	</div>