Instantly share code, notes, and snippets.

View inline-svg-scale
.img-svg { width:100%; height: auto; }
<img class="img-svg" src="box.svg" />
View .gitignore
# Windows image file caches
Thumbs.db
ehthumbs.db
# Folder config file
Desktop.ini
# Recycle Bin used on file shares
$RECYCLE.BIN/
View scrollTo.js
// source: https://jonsuh.com/blog/better-scroll-to-anchor-links/
$(".anchorLink").click(function(e){
e.preventDefault();
var this_offset = $(this).offset();
var that_id = $(this).attr("href");
var that_offset = $(that_id).offset();
var offset_diff = Math.abs(that_offset.top - this_offset.top);
View matchHeight.js
function getWindowWidth2() {
return window.innerWidth || document.body.clientWidth;
}
$(window).resize(function(){
myMatchHeight('.sameHeight1'); // first group of things I want the same height
myMatchHeight('.sameHeight2'); // second group of things I want the same height
});
$(window).load(function(){
myMatchHeight('.sameHeight1');
View raquo.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>raquo</title>
<style type="text/css">
a:link{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}
.raquoSpan{
font-family:Arial, Helvetica, sans-serif;
View index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<link rel="shortcut icon" href=""><!-- removes error in console if you don't have a favicon -->
View calc.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Calculator</title>
<style>body{display:none;}</style>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
function loadMyJson() {
return $.getJSON('_config.json');
View youtube embed and link
View onePageAspNet.aspx
<%@ Import Namespace="System.IO" %>
<%@ Import Namespace="System.Data" %>
<%@ Page Language="C#" Debug="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script language="C#" runat="server">
void Page_Error(Object source, EventArgs e)
{
View gist:952b0385b59c559846ff
issue: padding and margin on the img tag don't work in Outlook 2007
use the old hspace="8" on the image (which will add the spacing that you want on outlook) then add margin-left="0px" to trim off the extra on the side that you don't want. Unfortunately this will still have the extra spacing on the side that you don't want for Outlook 2007 but the other email clients will be ok.