Skip to content

Instantly share code, notes, and snippets.

James Skinner spiralx

Block or report user

Report or block spiralx

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View console-message-v2.js
// Properties whose values have a CSS type
// of either <integer> or <number>
const CSS_NUMERIC_PROPERTIES = new Set([
'animation-iteration-count',
'border-image-slice',
'border-image-outset',
'border-image-width',
'column-count',
'counter-increment',
@spiralx
spiralx / angular-io.user.css
Created Feb 7, 2019
User CSS for angular.io
View angular-io.user.css
/* ==UserStyle==
@name angular.io
@description Sort out the horrible styling
@author James Skinner <spiralx@gmail.com> (https://github.com/spiralx)
@namespace http://spiralx.org/
@version 1.0.0
@preprocessor stylus
@var text text-size "Text size" 13pt
@var text line-height "Line height" 1.5em
View rambda-bookmarklet.md

Ramda Bookmarklet

Use this bookmarklet to load Ramda on any website. To "install":

  1. Create a new bookmark in your bookmarks bar (what it points to doesn't matter, any page)

  2. Edit the new bookmark and replace the URL with the following:

@spiralx
spiralx / settings.json
Created Oct 23, 2018
Current work VS Code settings file
View settings.json
// Place your settings in this file to overwrite the default settings
{
"beautify.options": {
"end_with_newline": true,
"newline_between_rules": true,
"preserve_newlines": true,
"selector_separator_newline": true,
"space_around_combinator": true,
"space_around_selector_separator": true
},
@spiralx
spiralx / amazon-offer-page-links.user.js
Created Jul 13, 2018
Amazon - Offer page links user script
View amazon-offer-page-links.user.js
@spiralx
spiralx / reddit-load-comments-inline.user.js
Last active Aug 2, 2019
Reddit - Load 'Continue this thread' inline user script
View reddit-load-comments-inline.user.js
// ==UserScript==
// @name Reddit - Load 'Continue this thread' inline
// @description Changes 'Continue this thread' links to insert the linked comments into the current page
// @author James Skinner <spiralx@gmail.com> (http://github.com/spiralx)
// @namespace http://spiralx.org/
// @version 1.9.5
// @downloadURL https://gist.github.com/spiralx/7ab95c47df98a5e79ce482f3285250a0/raw/6408eac4608d837eb735c2ffcc5fda4f1439513d/reddit-load-comments-inline.user.js
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiAAABYgAWToQQYAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAF3SURBVDhP1ZI/SAJhGMZN3WpKOAgsKGiIoKWg0K2LXIJWj6DAhpAgKMiW7irBqziHbhYE12sLGtWGKHBx0kHcQrBJXNIz9e35vvsQoj841g9+fHy8z/PyHZzrXzANNbgKF2ASHsOhOYGTUIb3cBSq4hyKa3Ey2GsMeMRvvzALd+AVvIPbcAb+yAq8hBehUOgxnU5TtVol27ap3W5TpVKhVCpFsiw/IHMusstwgOHxeDZM07T7/T5Rr0vUfacBvR7uHWIzwzBayK+zDm8KktFo9FXEifaXiHbnxAXEZKKtqcHSSCTygs6nBYuWZfEhR1eI
@spiralx
spiralx / watcher.js
Created Jul 4, 2018
A small module I've written to let you subscribe to DOM changes that match specified criteria
View watcher.js
var Watcher = (function () {
'use strict';
// ----------------------------------------------------
var Css;
(function (Css) {
Css.Inverse = 'color: white; background: black';
Css.Error = 'font-weight: bold; color: #f4f';
Css.Link = 'color: #05f; font-weight: normal; text-decoration: underline';
Css.Bold = 'font-weight: bold';
@spiralx
spiralx / EL.js
Last active Feb 23, 2018
Simple element builder function
View EL.js
/**
* A simple HTML element builder function.
* @module EL
* @license MIT
* @author James Skinner <spiralx@gmail>
* @see {@link https://github.com/spiralx My GitHub profile}
*/
// UMD wrapper to support CommonJS and AMD as well as the browser
(function(root, factory) {
@spiralx
spiralx / select.js
Created Feb 21, 2018 — forked from Raynos/select.js
tiny select. Selecting has never been so awesome \o/
View select.js
// Pretty fast - http://jsperf.com/select-vs-natives-vs-jquery
/*
By, shortcuts for getting elements.
*/
var By = {
id: function (id) { return document.getElementById(id) },
tag: function (tag, context) {
return (context || document).getElementsByTagName(tag)
},
"class": function (klass, context) {
View console.message.js
(function () {
const cssNumbers = new Set([
'column-count',
'fill-opacity',
'flex-grow',
'flex-shrink',
'font-weight',
'line-height',
'opacity',
'order',
You can’t perform that action at this time.