Skip to content

Instantly share code, notes, and snippets.

View rfessler's full-sized avatar

RICK FESSLER rfessler

  • Independant
  • Columbus, Ohio
View GitHub Profile
@rfessler
rfessler / Fetch.sublime-settings
Created October 20, 2012 04:16
Sublime Settings:Fetch packages & Files
{
"files":
{
"jquery" : "http://code.jquery.com/jquery.js",
"jquery.min" : "http://code.jquery.com/jquery.min.js",
"jquery-cookie" : "https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js",
"jquery-dotimeout" : "https://raw.github.com/cowboy/jquery-dotimeout/master/jquery.ba-dotimeout.min.js",
"jquery-extra-selectors" : "https://raw.github.com/keithclark/JQuery-Extended-Selectors/master/jquery-extra-selectors.js",
"jquery-flexslider" : "https://raw.github.com/mbmufffin/FlexSlider/master/jquery.flexslider-min.js",
"jquery-mediaelement" : "https://raw.github.com/johndyer/mediaelement/master/build/mediaelement-and-player.js",
@rfessler
rfessler / The Printliminator.js
Created October 20, 2012 07:40
javascript: printlimator
/*
<a class = "bookmarklet" href = "javascript:(function(){function loadScript(a,b){var c = document.createElement('script');c.type = 'text/javascript';c.src = a;var d = document.getElementsByTagName('head')[0],done = false;c.onload = c.onreadystatechange = function(){if(!done&amp;&amp;(!this.readyState||this.readyState == 'loaded'||this.readyState == 'complete')){done = true;b()}};d.appendChild(c)}loadScript('http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver = 1.3.2',function(){loadScript('http://css-tricks.com/examples/ThePrintliminator/js/printliminator.js',function(){printlimator()})})})()">Printliminator</a>
*/
//<a class = "bookmarklet" href = "javascript:(
function()
{
function loadScript(a,b)
{
@rfessler
rfessler / gist:3923851
Created October 20, 2012 16:30
Sublime Text 2 - Useful Shortcuts

Sublime Text 2 – Useful Shortcuts (PC)

Loosely ordered with the commands I use most towards the top. Sublime also offer full documentation.

Editing

Ctrl+C copy current line (if no selection)
Ctrl+X cut current line (if no selection)
Ctrl+⇧+K delete line
Ctrl+↩ insert line after
@rfessler
rfessler / index.html
Created October 23, 2012 19:12
javascript: jquery: Validate on Blur - jQuery Validate on Blur
<form name="myForm">
<fieldset>
<legend>My Form</legend>
First Name: <input class="required" type="text" id="firstName" name="firstName"> * required<br>
Last Name: <input class="required" type="text" id="lastName" name="lastName"> * required
</fieldset>
<input type="submit">
</form>
@rfessler
rfessler / index.html
Created October 23, 2012 19:13
javascript: jQuery Validate on Blur - jQuery Validate on Blur
<form name="myForm">
<fieldset>
<legend>My Form</legend>
First Name: <input class="required" type="text" id="firstName" name="firstName"> * required<br>
Last Name: <input class="required" type="text" id="lastName" name="lastName"> * required
</fieldset>
<input type="submit">
</form>
@rfessler
rfessler / index.html
Created October 24, 2012 04:15
A CodePen by rfessler.
<!DOCTYPE html>
<html >
<head>
<title>Display Data Using jQuery</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">0
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="application.js" type="text/javascript" charset="utf-8"></script>
</head>
@rfessler
rfessler / index.html
Created October 24, 2012 04:15
A CodePen by rfessler.
<!DOCTYPE html>
<html >
<head>
<title>Display Data Using jQuery</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">0
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="application.js" type="text/javascript" charset="utf-8"></script>
</head>
@rfessler
rfessler / index.html
Created October 24, 2012 15:51
javascript: jquery error plugin
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>
</title>
</head>
<body>
@rfessler
rfessler / default.html
Created October 26, 2012 20:22
JavaScript: css sprites for image tags
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.clipwrapper { position: relative; height: 48px; width: 48px; border:1px solid pink;}
.clip { position: absolute; top: 0; left: 0; }
@rfessler
rfessler / index.html
Created October 28, 2012 17:01
A CodePen by Chris Coyier. Don't Overthink It Grids - Writeup on CSS-Tricks : http://css-tricks.com/dont-overthink-it-grids/
<h1>Don't Overthink It Grids <em>(while we wait for flexbox)</em></h1>
<div class="grid">
<div class="col-2-3">
<div class="module">
<h3>2/3</h3>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<div class="col-1-3">