Skip to content

Instantly share code, notes, and snippets.

Designing all the dankness

Jonathan Simcoe jdsimcoe

Designing all the dankness
Block or report user

Report or block jdsimcoe

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
jdsimcoe /
Created Nov 14, 2018
My public Keybase proof for GitHub:

Keybase proof

I hereby claim:

  • I am jdsimcoe on github.
  • I am jd51mc03 ( on keybase.
  • I have a public key ASBcvfCiTgs1THmMiPf7czZmrb3ETDMl77vqM6bzN2nDQwo

To claim this, I am signing this object:

jdsimcoe /
Created Jun 29, 2018
Mojave Dark MenuBar and Dock without Dark Theme
defaults write -g NSRequiresAquaSystemAppearance -bool YES
jdsimcoe /
Last active Aug 18, 2016
Generating icons using iconutil.
iconutil -c icns icon.iconset
jdsimcoe / build.js
Created May 12, 2016 — forked from 0gust1/build.js
metalsmith static website build, with livreload
View build.js
var extname = require('path').extname;
var Metalsmith = require('metalsmith');
var myth = require('myth');
var http = require('http');
var templates = require('metalsmith-templates');
var markdown = require('metalsmith-markdown');
var watch = require('metalsmith-watch');
jdsimcoe / styles.less
Created Dec 22, 2015
My styles.less for Atom.
View styles.less
* Your Stylesheet
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed and saved.
* Add your own CSS or Less to fully customize Atom.
* If you are unfamiliar with Less, you can read more about it here:
jdsimcoe / newstack.css
Created Oct 16, 2015
Here is a new font stack to hit some nice system defaults on OS X, Android, Chrome OS, and Windows.
View newstack.css
font-family: -apple-system, 'SFNSText-Regular', 'Helvetica Neue', 'Roboto', 'Segoe UI', sans-serif;
jdsimcoe /
Created Oct 16, 2015
A guide to how to embed Base64 stuff in your web stuff.


Here is some code on how to embed Base64 in HTML:


<img src="data:image/jpeg;base64,BASE64_STRING"/>


jdsimcoe / respsizes.js
Created Oct 15, 2015 — forked from tevko/respsizes.js
Dev Tools Snippet to auto-calculate responsive image sizes value on window resize
View respsizes.js
* Paste image class / identifier in IIFE parenthesis at end of function
* */
(function(i){"use strict";var img=document.querySelector(i),sizes=[];window.addEventListener("resize",()=>{var vw=Math.round(((img.offsetWidth*100)/window.innerWidth))+"vw",mq="(min-width: "+window.innerWidth+"px)",value=vw;vw!=="0vw"&&sizes.indexOf(vw)===-1&&(sizes.push(value),console.log(mq,vw))})})("PASTE CLASS OR IDENTIFIER HERE");
jdsimcoe / gulpfile.js
Created Oct 2, 2015
My Sketch > SVG > Iconfont solution in Gulp.
View gulpfile.js
var gulp = require("gulp");
var sketch = require('gulp-sketch');
var iconfont = require('gulp-iconfont');
var iconfontCss = require('gulp-iconfont-css');
// Iconfont
var fontName = 'circlecons';
var runTimestamp = Math.round(;
gulp.task('icons', function(){
jdsimcoe / gulpfile.js
Last active Sep 25, 2015
Framer Server
View gulpfile.js
var gulp = require('gulp');
var EXPRESS_PORT = 4000;
var EXPRESS_ROOT = __dirname;
var LIVERELOAD_PORT = 35729;
function startExpress() {
var express = require('express');
var app = express();
You can’t perform that action at this time.