Skip to content

Instantly share code, notes, and snippets.

@nola
nola / gist:9cbf2046da3d4f0b9928
Last active August 29, 2015 14:27 — forked from johnpolacek/gist:3827270
Prevent FOUC
<!-- Prevent FOUC (flash of unstyled content) - http://johnpolacek.com/2012/10/03/help-prevent-fouc/ -->
<style type="text/css">
.no-fouc {display: none;}
</style>
<script type="text/javascript">
document.documentElement.className = 'no-fouc';
// add to document ready: $('.no-fouc').removeClass('no-fouc');
</script>
var $window = $(window); //Window object
var scrollTime = 1.2; //Scroll time
var scrollDistance = 270; //Distance. Use smaller value for shorter scroll and greater value for longer scroll
$window.on("mousewheel DOMMouseScroll", function(event){
event.preventDefault();
var delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3;
@keeganbrown
keeganbrown / gist:5099954
Created March 6, 2013 15:13
Cycle 2 Touch Swipe Detection, without iOS6 workaround
//TOUCH EVENTS
polyfillRequestAnimFrame(window);
var touchDragX = 0;
var lastTouchX = 0;
var sliderapi = null;
function onTouchStart (event) {
touchDragX = 0;
var touchPos = getTouchPos(event);
.roundcorners { position: relative; top: 0; left: 0; }
.oldIE .roundcorners { overflow: visible; }
.roundcornersInnerWrap { position: relative; top: 0; left: 0; }
.roundcorners .insideW { background-image:url("../images/corners/cornerWhiteInside.png"); }
.roundcorners .outsideW { background-image:url("../images/corners/cornerWhiteOutside.png"); }
.roundcorners .outsideWNoBdr { background-image:url("../images/corners/cornerWhiteOutsideNoBdr.png"); }
.roundcorners .outsideB { background-image:url("../images/corners/cornerBlackOutside.png"); }
.roundcorners .roundcorner { position: absolute; z-index: 1000; display: block; height: 10px; width:10px; }
.roundcorners .rcLeft.rcTop { left: 0; right: auto; top: 0; bottom: auto; background-position: left top; }
.roundcorners .rcRight.rcTop { left: auto; right: 0; top: 0; bottom: auto; background-position: right top; }
@keeganbrown
keeganbrown / cornerBlackOutside.png
Last active December 20, 2015 19:39
Rounded Corners w/ CSS + PNG fall back
cornerBlackOutside.png
@nola
nola / shortarray.js
Created November 26, 2013 01:35
Useful way of declaring small arrays on one line. Object Array Notation Shorthand
var a = new Array();
a[0] = "myString1";
a[1] = "myString2";
a[2] = "myString3";
//short hand version
var a = ["myString1", "myString2", "myString3"];
@nola
nola / object-constructor.js
Last active December 29, 2015 12:28
1. Define the object type by writing a constructor FUNCTION. Use a capital letter. 2. You can create any number of Car objects by calls to new. For example, 3. mycar.year = 1993, and so on. 4. then pass in an object as a property 5. create some new Person objects 6. create some new Car objects. Pass objects rand and ken as the arguments for the …
//1
function Car(make, model, year, owner) {
this.make = make;
this.model = model;
this.year = year;
this.owner = owner;
//Notice the use of this to assign values to the object's properties based on the values passed to the function.
}
//2
@nola
nola / for-in.js
Last active December 29, 2015 14:49
Enumerating over all the properties in an object. Find out whats in there.
//create the object with properties & values.
var myCar = new Object();
myCar.make = "Ford";
myCar.model = "Mustang";
myCar.year = 1969;
//then LOOP(enumerate) through all the properties of the object myCar
function showProps(obj, objName) {
var result = "";
for (var i in obj) {
@nola
nola / two-objs.js
Last active December 29, 2015 14:49
The following example creates myHonda with three properties. Note that the engine property is also an object with its own properties.
var myHonda = {color: "red", wheels: 4, engine: {cylinders: 4, size: 2.2}};
//console edits and results
myHonda.color
"red"
myHonda.engine
Object {cylinders: 4, size: 2.2}
myHonda.engine.size
2.2
myHonda.engine.size = "3.3"