Skip to content

Instantly share code, notes, and snippets.

View jxnblk's full-sized avatar

Brent Jackson jxnblk

6k followers · 37 following
View GitHub Profile
@jxnblk
jxnblk / -
Created May 24, 2018 14:43
diff --git a/src/bunnies.examples.js b/src/bunnies.examples.js
index f8a9f55..e03c5b3 100644
--- a/src/bunnies.examples.js
+++ b/src/bunnies.examples.js
@@ -1,3 +1,3 @@
import {bunnies} from './bunnies'
-export const capitalBunnies = bunnies.map(b => b.toUpperCase())
+export const capitalBunnies = bunnies.map(b => 'hello, ' + b.toUpperCase())
diff --git a/src/index.js b/src/index.js
@jxnblk
jxnblk / plugin.js
Last active February 10, 2018 17:00
Proof of concept remark plugin for `.mdx` proposal https://spectrum.chat/thread/1021be59-2738-4511-aceb-c66921050b9a
const React = require('react')
const visit = require('unist-util-visit')
const toHAST = require('mdast-util-to-hast')
const toH = require('hast-to-hyperscript')
const babel = require('babel-core')
const frontmatter = require('remark-frontmatter')
const yaml = require('js-yaml')
const util = require('util')
@jxnblk
jxnblk / alt.js
Created August 12, 2017 22:04
const rules = []
let insert = rule => rules.push(rule)
const cxs = (css, opts = {}) => {
const {
child = '',
media
} = opts
const className = opts.className || '_' + rules.length
const rule = '.' + className + child + '{' + css + '}'
@jxnblk
jxnblk / keybase.md
Created May 19, 2017 17:17

Keybase proof

I hereby claim:

  • I am jxnblk on github.
  • I am jxnblk (https://keybase.io/jxnblk) on keybase.
  • I have a public key whose fingerprint is 2ED6 40B4 282A 5CAA D595 7A55 DE46 61E9 CCA0 B594

To claim this, I am signing this object:

@jxnblk
jxnblk / sm-type-scale.css
Created May 20, 2016 21:01
@media (--breakpoint-sm) {
.sm-h00 { font-size: var(--h00) }
.sm-h0 { font-size: var(--h0) }
.sm-h1 { font-size: var(--h1) }
.sm-h2 { font-size: var(--h2) }
.sm-h3 { font-size: var(--h3) }
.sm-h4 { font-size: var(--h4) }
.sm-h5 { font-size: var(--h5) }
.sm-h6 { font-size: var(--h6) }
@jxnblk
jxnblk / encode.js
Created May 9, 2016 21:56
/*
* Node script to console log a data uri
* from geomicons-open paths.
* Useful for using the SVGs as background images in CSS.
*/
const Datauri = require('datauri')
const icons = require('geomicons-open')
@jxnblk
jxnblk / index.html
Created April 12, 2015 22:38
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="author" content="">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://d2v52k3cl9vedd.cloudfront.net/bassdock/1.3.6/bassdock.min.css">
<link rel="stylesheet" href="http://d2v52k3cl9vedd.cloudfront.net/vhs/0.1.0/vhs.min.css">
@jxnblk
jxnblk / -
Created October 28, 2014 15:14
{"generator":"analyze-css v0.7.0","metrics":{"base64Length":0,"redundantBodySelectors":0,"redundantChildNodesSelectors":0,"comments":11,"commentsLength":351,"complexSelectors":0,"complexSelectorsByAttribute":0,"duplicatedSelectors":3,"emptyRules":0,"expressions":0,"oldIEFixes":0,"imports":0,"importants":10,"mediaQueries":12,"multiClassesSelectors":17,"oldPropertyPrefixes":0,"qualifiedSelectors":0,"specificityIdAvg":0,"specificityIdTotal":0,"specificityClassAvg":1.02,"specificityClassTotal":353,"specificityTagAvg":0.23,"specificityTagTotal":80,"selectorsByAttribute":12,"selectorsByClass":281,"selectorsById":0,"selectorsByPseudo":50,"selectorsByTag":71,"universalSelectors":1,"length":18860,"rules":289,"selectors":347,"declarations":471},"offenders":{"universalSelectors":["::-moz-focus-inner @ 209:1"],"importants":[".sm-show, .md-show, .lg-show {display: none !important} @ 521:3",".sm-show {display: block !important} @ 526:5",".md-show {display: block !important} @ 532:5",".lg-show {display: block !important} @
@jxnblk
jxnblk / temp.html
Created October 22, 2014 23:58
<div class="clearfix">
<div class="pull-right" style="width:120px">
<!-- legend container -->
</div>
<div class="overflow-hidden">
<!-- canvas container -->
</div>
</div>
@jxnblk
jxnblk / temp.html
Created October 22, 2014 23:49
<div class="row">
<div class="col-xs-8">
<!-- canvas container -->
</div>
<div class="col-xs-4">
<!-- legend container -->
</div>
</div>