Skip to content

Instantly share code, notes, and snippets.

@frontgirl
frontgirl / scrollbarWidth.js
Last active December 7, 2018 01:18 — forked from kflorence/scrollbarWidth.js
Calculate scroll bar width cross-browser
function getScrollBarWidth() {
const inner = document.createElement('p');
inner.style.width = "100%";
inner.style.height = "200px";
const outer = document.createElement('div');
outer.style.position = "absolute";
outer.style.top = "0px";
outer.style.left = "0px";
outer.style.visibility = "hidden";
@frontgirl
frontgirl / swipe.js
Created September 10, 2018 05:43 — forked from SleepWalker/swipe.js
A simple swipe detection on vanilla js
var touchstartX = 0;
var touchstartY = 0;
var touchendX = 0;
var touchendY = 0;
var gesuredZone = document.getElementById('gesuredZone');
gesuredZone.addEventListener('touchstart', function(event) {
touchstartX = event.screenX;
touchstartY = event.screenY;
@frontgirl
frontgirl / contentcolumns
Last active June 17, 2018 14:30 — forked from jlittlejohn/gist:4084254
SCSS: Content Columns (Mixin)
@mixin content-columns($columnCount, $columnGap: $gridGutterWidth) {
-webkit-column-count: $columnCount;
-moz-column-count: $columnCount;
column-count: $columnCount;
-webkit-column-gap: $columnGap;
-moz-column-gap: $columnGap;
column-gap: $columnGap;
}
var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version";
this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function (data) {
for (var i = 0; i < data.length; i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;