Skip to content

Instantly share code, notes, and snippets.

@joshamburn
joshamburn / split_vertical_alignment.html
Created January 13, 2015 02:15
Split vertical alignment of two elements in a parent
<table>
<thead>
<tr>
<th>
<span>Column One</span>
<input type="text"/>
</th>
</tr>
</thead>
<tbody>
@joshamburn
joshamburn / jquery_CDN_Fallback.html
Last active August 29, 2015 14:13
JQuery CDN Fallback to Local
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/static/js/jquery-1.7.2.min.js"><\/script>')</script>
@joshamburn
joshamburn / index.html
Created August 11, 2014 13:04
A Pen by Xanmia.
<script id="vertexShader" type="x-shader/x-vertex">
// Uniforms
uniform float time;
varying vec3 vNormal;
void main(void) {
vec3 v = position;
vNormal = normal;
v.z += cos(2.0 * position.x + (time)) * 4085.5;
var gulp = require('gulp'),
connect = require('connect'),
http = require('http'),
opn = require('opn'),
rimraf = require('rimraf'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
cssbeautify = require('gulp-cssbeautify'),
minifycss = require('gulp-minify-css'),
@joshamburn
joshamburn / Console_Sass_Watch_Command
Last active August 29, 2015 14:01
Sass Watch Command
sass --watch main.scss:main.css
@joshamburn
joshamburn / email_css_padding_in_td_tags.htm
Created February 6, 2014 19:57
Demonstration of adding top and bottom padding in a <td> that contains an image. Bottom half shows what adding left padding will do to the overall width of the <td> thus blowing up the layout.
<!--Adding padding to image-->
<table cellpadding="0" cellspacing="0" width="300">
<tr>
<td style="padding-top: 10px; padding-bottom: 10px;">
<img/>
</td>
</tr>
</table>
<!--Do Not Do - Using left padding adds width -->
<table cellpadding="0" cellspacing="0" width="600">
@joshamburn
joshamburn / email_adding_space_around_text_and_images
Created February 5, 2014 15:35
demonstrates using a margin to create space around text.
<td align=”left”>
<div style="line-height:18px; margin-left:10px;">
It&rsquo;s tricky to keep up with constantly changing airfares...
</div>
</td>
<td width="300">
<div style=”margin-left:10px;”>
<img src="" width="300" height="176"/>
</div>
</td>
@joshamburn
joshamburn / email_horizontal_rule
Created February 5, 2014 15:33
uses a table row to create a horizontal dividing line
<tr><td height="1" bgcolor="#dc6a2b"></td></tr>