Skip to content

Instantly share code, notes, and snippets.

@jsonberry
jsonberry / styles.less
Last active February 2, 2017 19:57
Make the active tab in Atom stand out
/*
* Have only your active Atom tab have a different style
*
* In Atom sometimes I open four panes...
* Top LR might correspond to an HTML template for a component,
* Bottom LR would correspond to similar style sheet for those components...
* and each pane might have multiple components.
*
* It can be helpful if Atom styles your active tab differently.
* Here's one way to do that:
@jsonberry
jsonberry / purge_branches.sh
Last active August 8, 2022 14:42
Mass remove local git branches and prune remote tracking
// List all remotely tracked branches that do not exist in the remote repo
git remote prune origin --dry-run
// Prune all remotely tracked branches that do not exist in the remote repo
git remote prune origin
// List all local branches that were merged into master, explicitly exclude master from that list
git branch --merged master | grep -v 'master'
/*
@jsonberry
jsonberry / javascript-promise-examples.js
Last active March 9, 2017 23:28
Simple Asynchronous JavaScript Promise Example
// TODO
// Add Promise.race example
// Add Promise.all example
// Refactor async simulations to better reflect real-world scenarios
// Refactor so that if the evenOrOdd async work is not wrapped in a Promise that it could cause unexpected behavior sometimes depending on JS Type/Reference errors
function getRandomData() {
return {
number: Math.floor(Math.random() * 10),
timeout: Math.floor(Math.random() * 10000)
}
@jsonberry
jsonberry / functions.php
Created August 11, 2016 17:46
Update WordPress Site and Home URL via functions.php
<?php
// When migrating a site the siteurl and home url need to be adjusted
// Add these two update functions to functions.php...
// ..Load the site up...
// ..Verify that everything is working correctly..
// ..Then remove these functions from functions.php
update_option( 'siteurl', 'http://localhost:8888' ); // Be sure Replace the parameter with the correct url
update_option( 'home', 'http://localhost:8888' );
@jsonberry
jsonberry / onload.js
Last active July 3, 2023 14:10
Window vs. Document Loading Events
/**
Taken from: http://stackoverflow.com/questions/588040/window-onload-vs-document-onload
According to Parsing HTML documents - The end,
The browser parses the HTML source and runs deferred scripts.
A DOMContentLoaded is dispatched at the document when all the HTML has been parsed and have run. The event bubbles to the window.
The browser loads resources (like images) that delay the load event.
A load event is dispatched at the window.
Therefore, the order of execution will be
DOMContentLoaded event listeners of window in the capture phase
DOMContentLoaded event listeners of document
@jsonberry
jsonberry / _ie.scss
Last active January 3, 2017 03:01
Target IE 10 + 11 via CSS Media Query
// These styles only affect IE 10 + 11
@media all and
(-ms-high-contrast: none),
(-ms-high-contrast: active) {
.selector {
display: none;
}
}
@jsonberry
jsonberry / wp_nested_nav_styling.scss
Last active July 11, 2016 17:21
Simple SCSS to nest menu items in a WordPress Menu
/*
Styling that correctly nests a WordPress menu generated with wp_nav_menu, with the container flag set to false (up to you how you implement)
--> Not yet mobile friendly <--
--> No additional classes need to be added to the menu the wp_nav_menu function <--
--> Be sure to call the function inside a container element with the appropriate class of navbar <--
--> Create and manage the menu via WP Appearance > Menu <--
I left my initial styling here just as an example, so styles like font sizes and colors can be ignored
What's important to note is when display changes for ul/li on hovers
@jsonberry
jsonberry / modal--scrollable--content.scss
Created July 5, 2016 18:14
Modal with scrollable content
.modal {
min-height: 100%;
position: fixed;
background-color: $darkslategray-opaque;
transform: translateY(-150%);
transition: transform 750ms ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
@jsonberry
jsonberry / _material-design-text-color.scss
Created July 2, 2016 19:19
Google Material Colors - Text/Icons and background colors
// Dark text on light backgrounds
$md-dol-primary: rgba(0,0,0,.87);
$md-dol-secondary: rgba(0,0,0,.54);
$md-dol-hint: rgba(0,0,0,.38);
$md-dol-divider: rgba(0,0,0,.12);
// White text on dark backgrounds
$md-lod-primary: rgba(255,255,255,1);
$md-lod-secondary: rgba(255,255,255,.70);
$md-lod-hint: rgba(255,255,255,.50);
@jsonberry
jsonberry / on_scroll_toggle_element.js
Last active January 3, 2017 03:26
Toggle Footer [jQuery 1.12+ && debouncing]
// jQuery 1.12+
// Bind to window scrolling and setup debouncer
$(window).scroll(function() {
clearTimeout(this.id);
this.id = setTimeout(doneScrolling, 130); // 130ms was the shortest time that allowed execution of only once, any slower and it would fire multiple times
});
// Execute any functions here when scrolling stops
// Put all the things here!
function doneScrolling(){