Skip to content

Instantly share code, notes, and snippets.

View Chrisedmo's full-sized avatar

Chris Mousdale Chrisedmo

View GitHub Profile
@Chrisedmo
Chrisedmo / Google-font-loader-settings.html
Created August 21, 2012 11:10
Shopify: Google font loader
<tr>
<td><label for="logo_font">Logo Font</label></td>
<td>
<select name="logo_font" id="logo_font">
<optgroup label="Sans-serif">
<option value="'Helvetica Neue', Helvetica, Arial, sans-serif" selected="selected">Helvetica/Arial</option>
<option value="Impact, Charcoal, Helvetica, Arial, sans-serif">Impact</option>
<option value="'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif">Lucida Grande</option>
<option value="Trebuchet MS, sans-serif">Trebuchet MS</option>
<option value="Verdana, Helvetica, Arial, sans-serif">Verdana</option>
@Chrisedmo
Chrisedmo / snippet-fb-open-graph-tags.liquid
Created August 21, 2012 11:12
Shopify: Facebook OG Tags
{% comment %}
This is for widgets that share content on Facebook.
See the Facebook Linter: http://developers.facebook.com/tools/debug
{% endcomment %}
{% if template contains 'product' %}
<meta property="og:url" content="{{ shop.url }}{{ product.url }}" />
<meta property="og:title" content="{{ product.title }}" />
<meta property="og:description" content="{{ product.description | strip_html | truncatewords: 100, '' | escape }}" />
<meta property="og:image" content="{{ product.featured_image | product_img_url: 'medium' }}" />
@Chrisedmo
Chrisedmo / slim-html5-boilerplate
Created September 14, 2012 13:10 — forked from ravidsrk/slim-html5-boilerplate
Slim HTML5 Boilerplate
doctype html
/[if lt IE 7]
html.no-js.ie6.oldie lang="en"
/[if IE 7]
html.no-js.ie7.oldie lang="en"
/[if IE 8]
html.no-js.ie8.oldie lang="en"
/[if gte IE 8]
html.no-js lang="en"
head
@Chrisedmo
Chrisedmo / jquerydisplay.js
Last active October 11, 2015 07:58
jQuery Display Current Window Dimensions
$(document).ready(function () {
windowWrap();
displayWindowSize();
$(window).resize(function () {
displayWindowSize();
});
function windowWrap() {
$('body').append('<div id="dev" style="position: fixed; top: 0; right: 0; color: #f00; font-weight: bold;"></div>');
};
function displayWindowSize() {
@Chrisedmo
Chrisedmo / tweet.js
Created October 30, 2012 11:16
Quick JS tweets for static site.
$(document).ready(function () {
// Type in your twitter id here
var user = 'TWITTERID';
// How many Tweets do you want to display?
//Type in the number after &count=
// Do you wanna show RT's? include_rts= '0 for no' or '1 for yes'
$.getJSON('http://api.twitter.com/1/statuses/user_timeline.json?screen_name=' + user + '&count=3&include_rts=1&callback=?', function(data) {
@Chrisedmo
Chrisedmo / vh-resizer.js
Created January 17, 2013 09:39
Cool vh fallback - update an elements size based on window height + width.
$(document).ready(
function(){
//resizes div box to perfect window w/h
function sizeMe() {
$('#mySlider').css({height:($(window).height()-150),width:$(window).width()});
};
sizeMe();
});
/* Needs Modernizr obv… */
.lt-ie9 #logo,
.no-svg #logo {
background: url("logo.png");
_background-image: url("logo.gif");
}
.lt-ie9 #logo img,
.no-svg #logo img {
opacity: 0;
@Chrisedmo
Chrisedmo / dabblet.css
Created February 18, 2013 12:02
Overflow scroll horizontal - No FlexBox
@Chrisedmo
Chrisedmo / sketch.md
Last active December 14, 2015 00:08
Sketch problem

Hmm i'm not sure i get that… sorry, I am trying to recreate this file that i did in illustrator into sketch.

Icon

I drew a circle, and then tried to draw a single line using the vector pen, with a border of 0 to act as a scissor / cut line. I then tried selecting the circle, and the path and then going to edit>paths>split and it was greyed out?

Am i missing something?

// History.js It!
// v1.0.1 - 30 September, 2012
// https://gist.github.com/854622
(function(window,undefined){
// Prepare our Variables
var
History = window.History,
$ = window.jQuery,
document = window.document;