Skip to content

Instantly share code, notes, and snippets.


Jon Munson jonmunson

View GitHub Profile
jonmunson / _ie8-grid-fix
Last active Dec 24, 2015 — forked from tmayr/gist:5190565
ZURB Foundation 4 - IE8 Fixes
View _ie8-grid-fix
/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column,
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }
.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }
jonmunson / tinymce-disable-p-tags
Created Oct 16, 2013
TinyMCE - disable <p> tags, use <br> instead
View tinymce-disable-p-tags
<script type="text/javascript" src="/js/tinymce/tinymce.min.js'"></script>
<script type="text/javascript">
selector: "textarea",
forced_root_block : false,
force_p_newlines : false,
remove_linebreaks : false,
force_br_newlines : true,
remove_trailing_nbsp : false,
jonmunson / disable-anchor.css
Created Oct 17, 2013
Disable links using CSS
View disable-anchor.css
#home nav .home > a {
pointer-events: none;
cursor: default;
jonmunson / tinymce-disable-certain-textarea.js
Created Oct 18, 2013
TinyMCE - disable the WYSIWYG editor on <textarea> with a specific class
View tinymce-disable-certain-textarea.js
selector: "textarea", // Select all textarea
selector: "textarea.editme", // Select all textarea with the class editme
selector : "textarea:not(.mceNoEditor)", // Select all textarea exluding the mceNoEditor class
jonmunson / phonegap-flicker.css
Created Oct 31, 2013
PhoneGap - fix flickering issue by forcing use of hardware accelleration
View phonegap-flicker.css
.scrollArea {
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
View relativePath.js
* Given a source directory and a target filename, return the relative
* file path from source to target.
* @param source {String} directory path to start from for traversal
* @param target {String} directory path and filename to seek from source
* @return Relative path (e.g. "../../style.css") as {String}
function getRelativePath(source, target) {
var sep = (source.indexOf("/") !== -1) ? "/" : "\\",
targetArr = target.split(sep),
jonmunson / checkbox-validate.js
Created Nov 4, 2013
Validation script to determine a "checkbox" state
View checkbox-validate.js
//Validation for Sponsor in Application Edit/Show
function validate(){
var hasSponsor = document.getElementById('hasSponsor'); //check box ID
if (hasSponsor.checked){
sponsorUrl = document.getElementById('sponsorUrl'); //sponsor URL field ID
sponsorImage = document.getElementById('sponsorImage'); //sponsor Image field ID
jonmunson / orbit-custom-nav.css
Created Dec 9, 2013
Zurb Orbit custom navigation styles - My solution in F5 was to create new completely separate buttons (".next-slide" and ".prev-slide"), and then trigger the existing functionality with some JS overrides.
View orbit-custom-nav.css
/* hide the built in controls */
.orbit-container .orbit-prev, .orbit-container .orbit-next {display: none;}

How to remove hide the <select> arrow in Firefox using -moz-appearance:none;


I was experimenting on custom styling the <select> elements of a form I was building. One of the things I tried implementing was truncating the text with an ellipsis in case it extended beyond the <select>'s width. It didn't look consistent through browsers, but I've accidentally discovered something really nice.

The bug

View Contract Killer

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

  • Originally published: 23/12/2008
  • Revised date: 15/12/2013
  • Original post