Skip to content

Instantly share code, notes, and snippets.

@natejones
natejones / weather.com radar user styles
Created December 20, 2012 14:43
weather.com user stylesheet (1) Install Stylish (http://userstyles.org/) for Chrome or Mozilla (2) Apply weather.com radar user styles to URLs beginning with http://www.weather.com/weather/map/interactive/ (3) Make yourself happy with custom user styles
body { overflow: hidden; }
#__wxMap_View, #wxMap, .wx-imap-pane, .wx-module, .__WxMap_Default { width: 100vw !important; }
#wx-rail, #wx-miniheader, .wx-imap, .wx-imap-tools { display:none; }
@natejones
natejones / translate-transform
Created July 2, 2013 13:25
css3 translate transform mixin
@mixin move($animation: move, $duration : .7s, $delay : 0, $iterations : 1) {
-webkit-animation: $animation $duration $delay ease $iterations;
-moz-animation: $animation $duration $delay ease $iterations;
-o-animation: $animation $duration $delay ease $iterations;
-ms-animation: $animation $duration $delay ease $iterations;
animation: $animation $duration $delay ease $iterations;
}
<h2>Success!</h2>
<style>
.panel{border-style:solid;border-width:1px;border-color:#d8d8d8;margin-bottom:1.25rem;padding:1.25rem;background:#f2f2f2}
.large-12{width:98%;margin-left:1%;margin-right:1%;}
.inline-list{padding:0;list-style:none;overflow:hidden;margin:0 auto;}
.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}
.inline-list>li>*{display:block}
.admit,.share{display:block;color:#fff;text-decoration:none;padding:8px;margin-bottom:4px;border-bottom:solid 1px #fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.fa-twitter{background:#00aced}.fa-twitter:hover{color:#00aced;background:#fff;border-bottom:1px solid #00aced}
.fa-facebook{background:#3b5998}.fa-facebook:hover{color:#3b5998;background:#fff;border-bottom:1px solid #3b5998}
@natejones
natejones / zendeskTab
Created November 14, 2013 19:52
Zendesk tab Ask Us Right Blue Helpcenter, Chat, Ticket
<!-- ZENDESK WIDGET -->
<script type="text/javascript" src="//assets.zendesk.com/external/zenbox/v2.6/zenbox.js"></script>
<style type="text/css" media="screen, projection">
@import url(//assets.zendesk.com/external/zenbox/v2.6/zenbox.css);
</style>
<script type="text/javascript">
if (typeof(Zenbox) !== "undefined") {
Zenbox.init({
dropboxID: "20265836",
url: "https://columbiachi.zendesk.com",
@natejones
natejones / TumblrZendeskTab
Created November 15, 2013 14:30
Tumblr Zendesk Tab
<script type="text/javascript" src="//assets.zendesk.com/external/zenbox/v2.6/zenbox.js"></script>
<style type="text/css" media="screen, projection">
@import url(//assets.zendesk.com/external/zenbox/v2.6/zenbox.css);
</style>
<script type="text/javascript">
if (typeof(Zenbox) !== "undefined") {
Zenbox.init({
dropboxID: "20266336",
url: "https://columbiachi.zendesk.com",
tabTooltip: "Ask Us",
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Oberlin Proof</title>
<style>
.my-div { height: 400px; width:800px; overflow : hidden; }
.my-iframe { position: absolute; top: -190px; left: -250px; width: 960px; height: 460px; }
@natejones
natejones / new_gist_file_0
Created December 6, 2013 14:28
Social sharing links via @cferdinandi
<a target="_blank" href="https://twitter.com/intent/tweet?text=YOUR-TITLE&url=YOUR-URL&via=TWITTER-HANDLE">Tweet</a>
<a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=YOUR-URL">Share on Facebook</a>
<a target="_blank" href="https://plus.google.com/share?url=YOUR-URL">Plus on Google+</a>
<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR-URL&title=YOUR-TITLE&summary=YOUR-SUMMARY&source=YOUR-URL">Share on LinkedIn</a>
<a target="_blank" href="http://pinterest.com/pin/create/button/?url=YOUR-URL&description=YOUR-DESCRIPTION&media=YOUR-IMAGE-SRC">Pin on Pinterest</a>
@natejones
natejones / Zendesk from URL
Created January 23, 2014 20:04
ColumbiaChi Zendesk Chat+Ticket from URL
<a href="http://columbiachi.zendesk.com/account/dropboxes/20283646" onClick="script: Zenbox.show(); return false;" target="_blank">[CHAT ICON]</a>
<script type="text/javascript" src="//assets.zendesk.com/external/zenbox/v2.6/zenbox.js"></script>
<style type="text/css" media="screen, projection">
@import url(//assets.zendesk.com/external/zenbox/v2.6/zenbox.css);
</style>
<script type="text/javascript">
if (typeof(Zenbox) !== "undefined") {
Zenbox.init({
dropboxID: "20283646",
url: "https://columbiachi.zendesk.com",
@natejones
natejones / WordPressCustomWYSIWYG
Created February 13, 2014 13:18
Customize WordPress WYSIWYG
// customize WYSIWYG buttons
if( !function_exists('base_extended_editor_mce_buttons') ){
function base_extended_editor_mce_buttons($buttons) {
// The settings are returned in this array. Customize to suite your needs.
return array(
'bold', 'italic', 'underline', 'sub', 'sup', 'charmap', 'removeformat', 'spellchecker'
);
/* WordPress Default
return array(
'bold', 'italic', 'strikethrough', 'separator',
@natejones
natejones / WordPressCustomUI
Created February 13, 2014 13:20
WordPress Custom UI
//***********************
//
// CUSTOMIZE UI
//
//***********************
// remove some metaboxes
function remove_post_custom_fields() {
remove_meta_box('postexcerpt', 'post', 'normal'); // removes excerpt metabox