townivan’s gists

townivan / post-about-flexbox.txt

Last active July 27, 2022 19:48

Return to my post about Flexbox at https://ivan.town/

See link above. Trying a goofy way to attach comments to a generic page.

townivan / getCurrentYear.html

Created January 4, 2022 16:51

Display the current year without having to manually update it each time.

<span id="cdate"></span><script>document.getElementById("cdate").innerHTML = (new Date().getFullYear());</script>

townivan / a11y-tracking-pixels.js

Last active June 17, 2021 19:01

Those annoying tracking pixels mess up my a11y scan. This is an attempt to add alt, role, and aria attributes to these guys. Uses MutationObserver to immediately update the img tags when they are added to the DOM by the tracking snippet's action.

townivan / setAttrib.js

Created October 6, 2020 20:18

a function to set an attribute with JavaScript

	function sestAttrib(el_id, el_attr, el_value){
	if (document.getElementById(el_id)){ // if element exists
	document.getElementById(el_id)[el_attr] = el_value;
	}
	}

townivan / dotNetCorePractice.cs

Created January 17, 2020 02:27

	using System;
	using System.Collections.Generic;

	// test at https://dotnetfiddle.net/

	public class Program
	{
	public static void Main()
	{
	Console.WriteLine("List practice");

townivan / setup.js

Last active December 26, 2019 15:39

quick gulp4 project setup

	npm i gulp -D
	npm i browser-sync -D
	npm i gulp-sass -D

	// favicon fix for index.html
	<link rel="icon" href="data:;base64,iVBORw0KGgo=">

	touch gulpfile.js
	// This gulpfiles expect a 'dist' and 'src' folder (for easy ftp, less easy for github pages)

townivan / ie11-DOM-looping.js

Created November 7, 2019 16:56

ie11 JS work-arounds

	// converting nodelist to an array...for ie11:
	// ie11 won't like [...nodelist] or Array.from(nodelist) so use:
	let elements = Array.prototype.slice.call(document.querySelectorAll('.things'));

	// looping through the array....for ie11:
	// ie11 won't like elements.map() so use:
	elements.forEach(function(el) {
	console.log('el:', el);
	});

townivan / destructuring_useful.js

Last active October 10, 2019 15:36

	/**
	* Be amazed at this use for destructuring
	* If you pass args as an obj instead of
	* distinct values like f('red','male',23)
	* You can use destructuring in the function
	* to get what you want without needing to
	* figure out which position it should be in!
	*/
	function f( {name, age} = {}){ // destructure the received {} to name and age.
	console.log('age:',age); // age: 23

townivan / local-php-on-mac.txt

Created August 22, 2019 11:57

Run php locally on mac

php -S 127.0.0.1:8080

townivan / find-that-object.js

Created August 16, 2019 23:22

Get a matching object from an array of objects with a specific value for a property

thingArray.filter(thing => (thing.Name === "Larry"));

	// early in the head as possible
	var observer = new MutationObserver(function(mutations){
	for (var i=0; i < mutations.length; i++){
	for (var j=0; j < mutations[i].addedNodes.length; j++){
	checkNode(mutations[i].addedNodes[j]);
	}
	}
	});

	observer.observe(document.documentElement, {