Skip to content

Instantly share code, notes, and snippets.

View kevinkace's full-sized avatar

Kevin Cameron kevinkace

View GitHub Profile
<!-- NOTE: not valid markup, just to show DOM structure -->
<!-- 01. full bleed background & overlay -->
<section class="background">
<div class="overlay"></div>
<svg>
<!-- 02. transparency data/mask -->
<defs>
@kevinkace
kevinkace / Flowdock.css
Last active October 18, 2018 17:40
flowdock styles
html,
button,
input,
select,
textarea {
/* font-family: monospace; */
letter-spacing: 0.02em;
}
.avatar-container {
opacity: 0.4;
[
{
"ID": 11,
"post_author": "1",
"post_date": "2011-07-21 19:43:30",
"post_date_gmt": "2011-07-21 19:43:30",
"post_content": "THE GAME",
"post_title": "Game",
"post_excerpt": "",
"post_status": "publish",
  • Bracket Pair Colorizer 2
  • CSS Modules
  • ESLint
  • HTML Snippets
  • Material Icon Theme
  • Path Intellisense
  • Rainbox CSV
  • indent rainbow
  • REST Client
  • stylfmt?

Attrs

  • Write a function to process an array of objects, running a function on each object based on it's attributes.
  • Each object can have up to 3 attributes, a, b, c
  • Each attribute can have a value of 0-2
  • The function called on each object is based on truthy attributes, eg:
    • obj = { a : 2, b : 1 } would run ab() (or ba(), name doesn't matter)
    • obj = { c : 1 } would run c()
  • The processing fns (a(), b(), etc) are provided.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@kevinkace
kevinkace / playback-speed.js
Last active July 24, 2018 21:52
tamper monkey script for youtube/netflix playback speed (to blast through movies @130%), numpad 1/3 to lower/increase speed by 10%
// ==UserScript==
// @name Netflix playback speed
// @namespace http://tampermonkey.net/
// @version 0.1
// @description numpad 1, 2, 3 for --0.1, 0, ++0.1
// @author Kevin Cameron
// @include https://www.netflix.com/*
// @grant none
// ==/UserScript==
@kevinkace
kevinkace / CodePen.css
Created August 2, 2018 16:20
Minimal CodePen Chrome
.main-header {
height: 29px;
min-height: 29px;
}
.main-header .button {
font-size: 0.7rem;
border: none;
padding: 0.2em;
}
{
// prefix used to trigger the snippet
// body is the snippet
// $1, $2 for tab stops, $0 for the final cursor position
// ${1:label}, ${2:another} for placeholders
"Mithril Component": {
"prefix": "mesm",
"body": [
"import state from \"../state\";",
"",
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.