Rik rikschennink

## functional-composition-with-functor-map.js
//  add :: Number -> Number -> Number
var add = function(left) { return function(right) { return left + right } };

//  multiply :: Number -> Number -> Number
var multiply = function(left) { return function(right) { return left * right } };

//  map :: (a -> b) -> Functor a -> Functor b
var map = function(fn, val) { return val.map(fn) };

//

## index.html
<!doctype html>
<html>
<head>
    ...
    <script>
        (function(d){
            if (!('querySelector' in d && 'addEventListener' in window)) return;
            d.documentElement.className += ' has-js';
            d.addEventListener('DOMContentLoaded', function() {
                var s = d.createElement('script');

## observer.js
/**
 * Used for inter-object communication.
 * (Semi-)drop in replacement for Rik Schennink's Observer.
 *
 * Implementation differences:
 * - ES6
 * - The use of WeakMaps
 * - inform() and conceal() don't return a boolean indicating success.
 * - Subscription fn's are called with seperate arguments, instead of one data parameter. This is backwards compatible.
 *

## visually-hidden.css
/**
 * = Visually Hide text
 *
 * Text remains accessible to AT such as Screen Readers
 * Updated version:
 * Taken from http://hugogiraudel.com/2016/10/13/css-hide-and-seek/
 *
 * ------------------------------------------------------------------------- */
.visually-hidden {
  border: 0 !important;

## pragmatic-touch-icons.md

      
              1 file
            
          
              7 forks
            
          
              8 comments
            
          
              122 stars
            
          
                davidhund
                / pragmatic-touch-icons.md
            
            
              Last active
              September 4, 2020 15:42
            
              
                Pragmatic Touch Icons
              
          
    NOTE I'm trying to find the most optimal fav/touch icon setup for my use-cases. Nothing new here. Read Mathias Bynens' articles on re-shortcut-icon and touch icons, a FAQ or a Cheat Sheet for all the details.
I'd like to hear how you approach this: @valuedstandards or comment on this gist.
The issue

You have to include a boatload of link elements pointing to many different images to provide (mobile) devices with a 'favicon' or 'touch icon':
![Touch Icon Links](https://o.twimg.com/2/proxy.jpg?t=HBj6AWh0dHBzOi8vcGhvdG9zLTYuZHJvcGJveC5jb20vdC8yL0FBRGFGY1VRN1dfSExnT3cwR1VhUmtaUWRFcWhxSDVGRjNMdXFfbHRJWG1GNFEvMTIvMjI3OTE2L3BuZy8xMDI0eDc2OC8yL18vMC80L1NjcmVlbnNob3QlMjAyMDE1LTA0LTE0JTIwMTYuNTYuMjYucG5nL0NNejBEU0FCSUFJZ0F5Z0JLQUkvNGR1eDZnMzZmYnlzYWI3

  
## observe.js
// Elements with `data-observe` toggle `data-visible`
// between `true` and `false`

if ('IntersectionObserver' in window) {
  const callback = (entries, observer) => {
    entries.forEach(entry => {
      entry.target.setAttribute('data-visible', entry.isIntersecting)
    })
  }


## html-escape.md

      
              1 file
            
          
              5 forks
            
          
              2 comments
            
          
              29 stars
            
          
                WebReflection
                / html-escape.md
            
            
              Last active
              August 21, 2022 16:27
            
              
                How to escape and unescape from a language to another
              
          
    update
I've created a little repository that simply exposes the final utility as npm module.
It's called html-escaper

there is basically one rule only: do not ever replace one char after another if you are transforming a string into another.

  
## DropboxIgnore.md

      
              1 file
            
          
              11 forks
            
          
              9 comments
            
          
              72 stars
            
          
                idleberg
                / DropboxIgnore.md
            
            
              Last active
              June 4, 2023 12:02
            
              
                Ignore node_modules/bower_components folders in your Dropbox
              
          
    This script scans your Dropbox (or any given folder) for folders stored in the ignore array and excludes them from syncing. Makes use of the official Dropbox CLI
I'm a beginner at bash, so all improvements are welcome!
#!/bin/bash

set -e

# SETTINGS

  
## 1_Tiny_Content_Framework.md

      
              8 files
            
          
              75 forks
            
          
              5 comments
            
          
              426 stars
            
          
                nicoleslaw
                / 1_Tiny_Content_Framework.md
            
            
              Last active
              January 23, 2024 02:28
            
              
                Tiny Content Framework
              
          
    Tiny Content Framework

About the project

This is a tiny content strategy framework focused on goals, messages, and branding. This is not a checklist. Use what you need and scrap the rest. Rewrite it or add to it. These topics should help you get to the bottom of things with clients and other people you work with.
Give me feedback on Twitter (@nicoleslaw) or by email (nicole@nicolefenton.com).
Contents


## tiny Promise.js
// (c) copyright unscriptable.com / John Hann
// License MIT
// For more robust promises, see https://github.com/briancavalier/when.js.

function Promise () {
	this._thens = [];
}

Promise.prototype = {
	// add :: Number -> Number -> Number
	var add = function(left) { return function(right) { return left + right } };

	// multiply :: Number -> Number -> Number
	var multiply = function(left) { return function(right) { return left * right } };

	// map :: (a -> b) -> Functor a -> Functor b
	var map = function(fn, val) { return val.map(fn) };

	//
	<!doctype html>
	<html>
	<head>
	...
	<script>
	(function(d){
	if (!('querySelector' in d && 'addEventListener' in window)) return;
	d.documentElement.className += ' has-js';
	d.addEventListener('DOMContentLoaded', function() {
	var s = d.createElement('script');
	/**
	* Used for inter-object communication.
	* (Semi-)drop in replacement for Rik Schennink's Observer.
	*
	* Implementation differences:
	* - ES6
	* - The use of WeakMaps
	* - inform() and conceal() don't return a boolean indicating success.
	* - Subscription fn's are called with seperate arguments, instead of one data parameter. This is backwards compatible.
	*
	/**
	* = Visually Hide text
	*
	* Text remains accessible to AT such as Screen Readers
	* Updated version:
	* Taken from http://hugogiraudel.com/2016/10/13/css-hide-and-seek/
	*
	* ------------------------------------------------------------------------- */
	.visually-hidden {
	border: 0 !important;
	// Elements with `data-observe` toggle `data-visible`
	// between `true` and `false`

	if ('IntersectionObserver' in window) {
	const callback = (entries, observer) => {
	entries.forEach(entry => {
	entry.target.setAttribute('data-visible', entry.isIntersecting)
	})
	}
	// (c) copyright unscriptable.com / John Hann
	// License MIT
	// For more robust promises, see https://github.com/briancavalier/when.js.

	function Promise () {
	this._thens = [];
	}

	Promise.prototype = {