Joel Birch joeldbirch
joeldbirch
/ soupStrainer.js
Last active
June 30, 2021 07:36
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // moustache replacement | |
| const soupStrainer = (template, values) => | |
| [...template.matchAll(/\{\{([^}]*)\}\}/gi)].reduce( | |
| (acc, [full, path]) => | |
| acc.replace( | |
| full, | |
| path.split(`.`).reduce((acc, curr) => acc[curr], values) | |
| ), | |
| template | |
| ) |
joeldbirch
/ SvgImg.js
Last active
May 25, 2019 03:29
React component providing a replacement img tag which makes fetchSvgInline work with server-side rendering (tested on Gatsby). "fetchSvgInline" (by @stowball) fetches a remote SVG as an <img> and converts it to an inline SVG.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, {Component, createRef } from 'react' | |
| // Include Matt Stow's fetchSvgInline from https://gist.github.com/stowball/e51dde035346eba783f3d8b54dbbf2a4 | |
| import { fetchSvgInline } from '../utilities/helpers' | |
| export default class extends Component { | |
| constructor(props) { | |
| super(props) | |
| this.imgRef = createRef() | |
| } |
joeldbirch
/ quick-admin-bugfix.js
Created
February 21, 2017 06:30
Quick Admin bugfix for checkboxes in table cells
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var handleCheckboxes = function (html, rowIndex, colIndex, cellNode) { | |
| var $cellNode = $(cellNode); | |
| var $check = $cellNode.find(':checked'); | |
| return ($check.length) ? $check.val() : $cellNode.text(); | |
| } | |
| // Then add to exportOptions.format.body option for each file type, eg: | |
| [...] |
joeldbirch
/ gist:8431697
Last active
January 3, 2016 07:49
A simplified rewrite of code I'm using to add and remove a class on a website header to indicate when the page is scrolled to the top. Untested since rewrite, but should work if I haven't made typos.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| (function(win, $){ | |
| $(document).ready(function(){ | |
| var scroll_class = 'scrolled-top'; | |
| var scroll_timer; | |
| var $win = $(win); | |
| var $head = $('#head'); | |
| $win.on('scroll', function(){ |
joeldbirch
/ Gruntfile.coffee
Created
May 5, 2013 04:18
Getting grunt to livereload the page when Compass Sass files change.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict' | |
| module.exports = (grunt) -> | |
| # Project configuration. | |
| grunt.initConfig | |
| # Task configuration. | |
| compass: | |
| options: |
joeldbirch
/ initialise-foobox-later
Created
April 24, 2013 06:26
WordPress snippet to make FooBox's initialisation code appear last in the source order. Ensures FooBox assets are present prior to initialisation code running, preventing errors.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function fix_foobox_initialisation() { | |
| remove_action('wp_print_footer_scripts', array($GLOBALS['foobox'], 'inline_dynamic_js') ); | |
| add_action('wp_footer', array($GLOBALS['foobox'], 'inline_dynamic_js'), 99999 ); | |
| } | |
| add_action('wp', 'fix_foobox_initialisation'); |
joeldbirch
/ superfish-vertical-supersubs.css
Last active
December 16, 2015 03:39
This is just superfish-vertical.css with a few lines added so the "supersubs-like" effect also applies to the top level menu. Comments in uppercase explain the additions.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* adding sf-vertical class in addition to sf-menu creates a vertical menu */ | |
| /* eg. <ul class="sf-menu sf-vertical"> ... */ | |
| .sf-vertical { | |
| min-width: 10em; /* <--- MAKE THIS MIN-WIDTH */ | |
| *width: 10em; /* <--- ADD FALLBACK WIDTH FOR IE7 */ | |
| } | |
| .sf-vertical ul { | |
| left: 100%; | |
| top: 0; | |
| } |
joeldbirch
/ supposition.js
Created
April 12, 2013 12:22
Updated version of Supposition. This version is compatible with Superfish 1.6+. See this ancient page for description, example and caveats: http://users.tpg.com.au/j_birch/plugins/superfish/supposition-test/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Supposition v0.3a - an optional enhancer for Superfish jQuery menu widget | |
| * | |
| * Copyright (c) 2013 Joel Birch - based on work by Jesse Klaasse - credit goes largely to him. | |
| * Special thanks to Karl Swedberg for valuable input. | |
| * | |
| * Dual licensed under the MIT and GPL licenses: | |
| * http://www.opensource.org/licenses/mit-license.php | |
| * http://www.gnu.org/licenses/gpl.html | |
| */ |
joeldbirch
/ iOS bfcache buster
Created
March 29, 2013 03:23
Seems to be the only way to reset Apple's hacky iOS "hover" state after back button click. Uses jQuery event attachment, but can be easily swapped for addEventListener.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) { | |
| $(window).on('pageshow', function(e) { | |
| if (e.originalEvent.persisted) { | |
| window.location.reload(); | |
| } | |
| }); | |
| } |
joeldbirch
/ jQuery Superfish pathClass support
Created
July 13, 2012 06:33
Add current class to ancestor li elements prior to initialising Superfish
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function(){ | |
| //this will be used more than once so save it to a variable | |
| var menu = $('ul.sf-menu') | |
| //given that you already seem to have the current page marked with 'current' on the relevant li, | |
| //find that li, then find any ancestors of it and add 'current' to them also | |
| menu.find('.current').parents('li').addClass('current'); | |
| //once you have done that, then initialise Superfish |