| # I'll be doing another one for Linux, but this one will give you | |
| # a pop up notification and sound alert (using the built-in sounds for macOS) | |
| # Requires https://github.com/caarlos0/timer to be installed | |
| # Mac setup for pomo | |
| alias work="timer 60m && terminal-notifier -message 'Pomodoro'\ | |
| -title 'Work Timer is up! Take a Break 😊'\ | |
| -appIcon '~/Pictures/pumpkin.png'\ | |
| -sound Crystal" |
This is a fork of and builds upon the work of Eddie Webb's search and Matthew Daly's search explorations.
It's built for the Hugo static site generator, but could be adopted to function with any json index compatible with Fuse fuzzy search library.
To see it in action, go to craigmod.com and press CMD-/ and start typing.
Slides:
Intro to PWAs:
Web App manifest:
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent| /* bling.js */ | |
| window.$ = document.querySelectorAll.bind(document); | |
| Node.prototype.on = window.on = function (name, fn) { | |
| this.addEventListener(name, fn); | |
| } | |
| NodeList.prototype.__proto__ = Array.prototype; |
| /** | |
| * Replace jQuery's $.fn.ready() function with a mod exec | |
| * | |
| * Sites that make heavy use of the $(document).ready function | |
| * are generally incompatable with asynchrounous content. The | |
| * the $.fn.ready function only runs once. This script replaces | |
| * the ready function with a module execution controller that | |
| * let's us register functions and execute all of the functions | |
| * as we need them. This is useful after HTML gets injected on the | |
| * page and we want to rebind functionally to the new content. |
| (function() { | |
| var CSSCriticalPath = function(w, d, opts) { | |
| var opt = opts || {}; | |
| var css = {}; | |
| var pushCSS = function(r) { | |
| if(!!css[r.selectorText] === false) css[r.selectorText] = {}; | |
| var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/); | |
| for(var i = 0; i < styles.length; i++) { | |
| if(!!styles[i] === false) continue; | |
| var pair = styles[i].split(": "); |
| // Mixins | |
| // Since some horrible browsers (e.g., on *spit* Android) don’t let you change the | |
| // root em, I’m forced to use the browser default of 16px as the base. This mixin | |
| // will help me keep sane by using units that correspond to pixel units. | |
| line-height(h) | |
| if unit(h) == "rem" | |
| line-height: unit(h, 'px') | |
| line-height: unit(h/16, 'rem') |
| //addEventListener polyfill 1.0 / Eirik Backer / MIT Licence | |
| (function(win, doc){ | |
| if(win.addEventListener)return; //No need to polyfill | |
| function docHijack(p){var old = doc[p];doc[p] = function(v){return addListen(old(v))}} | |
| function addEvent(on, fn, self){ | |
| return (self = this).attachEvent('on' + on, function(e){ | |
| var e = e || win.event; | |
| e.preventDefault = e.preventDefault || function(){e.returnValue = false} | |
| e.stopPropagation = e.stopPropagation || function(){e.cancelBubble = true} |
| /* | |
| * Grunt Task File | |
| * --------------- | |
| * | |
| * Task: coffee | |
| * Description: Compile coffee files to js | |
| * Dependencies: coffee-script | |
| * | |
| */ |