Skip to content

Instantly share code, notes, and snippets.

@z-------------
z------------- / currentElem.js
Last active August 29, 2015 14:21
Calculate which element is the current one.
/*
TODO:
+ factor in proximity to page center
+ factor in area instead of just height
*/
function currentElem(selector){
var sections = document.querySelectorAll(selector);
var contenders = [];
@z-------------
z------------- / style.css
Created May 17, 2015 11:11
Sassy dryness
.banner-link.hasicon.twitter:before {
background-image: url(/assets/img/contact/twitter-color.svg); }
.banner-link.hasicon.twitter[href]:hover:before {
background-image: url(/assets/img/contact/twitter-white.svg); }
.banner-link.hasicon.facebook:before {
background-image: url(/assets/img/contact/facebook-color.svg); }
.banner-link.hasicon.facebook[href]:hover:before {
background-image: url(/assets/img/contact/facebook-white.svg); }
.banner-link.hasicon.email:before {
background-image: url(/assets/img/contact/email-color.svg); }
@z-------------
z------------- / better-fb.css
Last active August 29, 2015 14:21
better-fb.css
* {
font-family: inherit;
}
._1nc6 ._3okg:before {
border-color: transparent transparent transparent #0084ff;
border-width: 5px 0 5px 5px;
/* self arrow */
}
@z-------------
z------------- / material-shadow.scss
Last active August 29, 2015 14:21 — forked from gefangenimnetz/materialDesignShadowHelper.less
A Sass (SCSS) mixin for implementing Material Design shadows
@mixin material-shadow($level: 1){
@if $level == 1 {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@if $level == 2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@if $level == 3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
@z-------------
z------------- / better-youtube.css
Last active August 29, 2015 14:21
Slight improvements to the YouTube front page that makes things look a bit bolder and more comfortably spaced.
body {
overflow-x: hidden;
}
/* front page */
#content {
width: 100%;
}
@z-------------
z------------- / chop.js
Created May 10, 2015 10:13
Python-like string and array chopping
var chop = function(list, arr) {
var start = arr[0] || 0;
var end = arr[1] || list.length;
if (Array.isArray(list)) {
list = list.splice(start, end - start);
return list;
} else if (typeof list === "string") {
return list.substring(start, end);
}
@z-------------
z------------- / timeFunctions.js
Last active August 29, 2015 14:19
A couple of simple time related methods in JavaScript
var time = {};
time.parse = function(str){
// time since start of day. accepts 24 hour time in 23:59 format
var strSplit = str.split(":");
var hrInt = strSplit[0];
var minInt = strSplit[1];
var msInt = hrInt * 60 * 60 * 1000 + minInt * 60 * 1000;
var loadScriptAsync = function(url, callback){
var elem = document.createElement("script");
elem.src = url;
document.body.appendChild(elem);
elem.addEventListener("load", callback);
};
/*
loadScriptAsync("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", function(e){
console.log(jQuery);
@z-------------
z------------- / genius.js
Created April 5, 2015 03:44
Open the current url in Genius.
var url = "http://genius.com/" + location.host + location.pathname;
(function(url){
location = url;
})(url);
var button = document.querySelector("#thebutton");
var buttonContainer = button.parentElement;
function pressTheButton(){
buttonContainer.classList.remove("pressed");
button.click();
}
// it is then possible to use setInterval to do something crazy ;)