Skip to content

Instantly share code, notes, and snippets.

Jonathan Suh jonsuh

View GitHub Profile
@jonsuh
jonsuh / keybindings.json
Last active Sep 26, 2018
VSCode Split/Join editors to the Left/Right
View keybindings.json
[
{
"key": "cmd+k cmd+right",
"command": "macros.editorSplitRight"
},
{
"key": "cmd+k cmd+left",
"command": "macros.editorSplitLeft"
},
{
@jonsuh
jonsuh / gulpfile.js
Created Oct 16, 2017
Jekyll CSS Hot Reloading with Browsersync
View gulpfile.js
var gulp = require('gulp');
var changed = require('gulp-changed-in-place');
var browserSync = require('browser-sync').create();
gulp.task('watch', ['css'], function() {
browserSync.init({
server: "./_site"
});
gulp.watch("_site/css/**/*.css", ['css']);
@jonsuh
jonsuh / twitter.css
Last active Jun 17, 2017
Un-roundify Twitter
View twitter.css
.Avatar,
.avatar,
.DashboardProfileCard-avatarImage,
.DashboardProfileCard-avatarLink,
.EdgeButton,
.EdgeButton:visited,
.Gallery.is-tweetless .Gallery-content,
.Gallery.is-tweetless .Gallery-media,
.MomentUserByline-avatar,
.ProfileAvatar,
@jonsuh
jonsuh / flexbox.css
Last active Nov 7, 2019
Flexbox utility classes
View flexbox.css
/* Flexbox
// ================================================== */
.d--f { display: flex; }
.d--if { display: inline-flex; }
/* Flex direction */
.fd--r { flex-direction: row; } /* Default */
.fd--rr { flex-direction: row-reverse; }
.fd--c { flex-direction: column; }
.fd--cr { flex-direction: column-reverse; }
View keybase.md

Keybase proof

I hereby claim:

  • I am jonsuh on github.
  • I am jonsuh (https://keybase.io/jonsuh) on keybase.
  • I have a public key ASBTaBjbxTH39gxJScI215-gCuOET8DcjXYlZcUUMa3ZIQo

To claim this, I am signing this object:

@jonsuh
jonsuh / gist:a85ea2f6f21e8e515e10
Created Mar 24, 2016
Verifying that +jonsuh is my blockchain ID. https://onename.com/jonsuh
View gist:a85ea2f6f21e8e515e10
Verifying that +jonsuh is my blockchain ID. https://onename.com/jonsuh
@jonsuh
jonsuh / .bash_profile
Last active Jul 21, 2020
Bash echo in color
View .bash_profile
# ----------------------------------
# Colors
# ----------------------------------
NOCOLOR='\033[0m'
RED='\033[0;31m'
GREEN='\033[0;32m'
ORANGE='\033[0;33m'
BLUE='\033[0;34m'
PURPLE='\033[0;35m'
CYAN='\033[0;36m'
@jonsuh
jonsuh / gist:e93fbfbf994b5478d4bc
Last active Nov 6, 2015
Change Twitter’s Heart Animation to Exploding Poopies
View gist:e93fbfbf994b5478d4bc
.HeartAnimationContainer .HeartAnimation {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAC1QAAABkCAYAAAA7MJAoAABZBElEQVR42uzBAQEAAACAkP6v7ggCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDZgwMBAAAAACD/10ZQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYuXuWKOAAjuP/paF3UO8gaAwJ90Ck1E49HygDL+ye8s5DF0kzMJCgGhxssMDFoRIqbPAp7zofwG5IaqkhagjaImhw/LdF0VbQqXw+b+G7/vjB/1cb6i4F9ECLA2B9dKBxdTTTGNg3VooXCwE9AAAAAAAAONzK7Q3HNy+dGd9OnDoW0IM/7PQ3na/1NyUCeqCHHmhxIJWLPaXHY6W4UuwbCeiBFvvccr6nupTvrQUAAAAAAADgcKukmi9UU83dgX1ha2JwrHItG7duDE4F9OA3cebOkZXJkXfLk8Mf9+5PHw3ogR56oMWB8yLd9nAp0/t5NZ1YDOiBFgAAAAAAAGDAS71VryYbXuaTn6r55PeNwa7Tgbp6kz53Ynm88PXB1ERcvD60t5vvOBnQg582My0L86Urca6Uj+V060JAD/TQAy0AAAAAAAAAAANe/sX2zeHF5zN349PpW3Hr9lg5UFeb2bbdR/2tca5QjPOpZKykW14H9ODX177b5Wzn20q2+/1auu1eQA/00AMtAAAAAAAAAMAbsgEvf2sn3dK+lOv6NltIxdnC5fgk1xtrA2c7AnWznkmkKrn2D6+G+p5t5Dq/rGUShYAeAAAAAMAP9u7npek4juP4hyAo+gfqTwi6RZDUSQJbufS7NbdpTTfS77bvvvsqbaBpP0AhITyUUIc6pUZ
@jonsuh
jonsuh / SassMeister-input.scss
Created Aug 17, 2015
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
$social: (
facebook: #3b5998,
twitter: #55acee,
);
@jonsuh
jonsuh / designernews
Created Jul 6, 2015
Designer News URLs
View designernews
✅ http://www.designernews.co/
✅ http://designernews.co/
✅ https://www.designernews.co/
🚫 https://designernews.co/
You can’t perform that action at this time.