Stephen Margheim fractaledmind

FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

What's an Effective Engineer?

Installing Postgres via Brew

Pre-Reqs

Brew Package Manager

In your command-line run the following commands:

brew doctor
brew update

How to transform an SVG into a data URI

by Jenny Knuth, based on the work of Chris Coyier and Taylor Hunt

A data URI is a nice way to include a web resource without needing to make an HTTP request. Chris Coyier explains the technique nicely in Probably Don't Base64 SVG.

While a PNG might use Base64 encoding, for SVG, there is a better way.

Taylor Hunt's experiments led to this solution for optimizing SVGs in data URIs:

"So the best way of encoding SVG in a data URI is data:image/svg+xml,[actual data]. We don’t need the ;charset=utf-8 parameter (or the invalid ;utf8 parameter…), because URLs are always ASCII."

Problem

Unauthorized ActionCable connection attempts that produce the following

Successfully upgraded to WebSocket (REQUEST_METHOD: GET, HTTP_CONNECTION: Upgrade, HTTP_UPGRADE: websocket)
Finished "/cable/" [WebSocket] for 127.0.0.1 at 2018-11-16 08:32:24 -0700
An unauthorized connection attempt was rejected

	// UPDATE: In 2023, you should probably stop using this! The narrow version of Safari that
	// does not support `nomodule` is probably not being used anywhere. The code below is left
	// for posterity.

	/**
	* Safari 10.1 supports modules, but does not support the `nomodule` attribute - it will
	* load <script nomodule> anyway. This snippet solve this problem, but only for script
	* tags that load external code, e.g.: <script nomodule src="nomodule.js"></script>
	*
	* Again: this will not prevent inline script, e.g.:

	//----------------------------------*\
	// TRIGONOMETRY FUNCTIONS
	//----------------------------------*/

	// # Trigonometry in CSS
	//
	// - Through Taylor/Maclaurin polynomial representation: http://people.math.sc.edu/girardi/m142/handouts/10sTaylorPolySeries.pdf
	// - Useful if you don't want to use JS.
	// - With CSS Variables.
	// - `calc()` can't do power (x ^ y) so I used multiplication instead.

	/*
	Optimized Alea
	----------------------
	Based on Alea by Johannes Baagøe (2010) which is based on MWC by George Marsaglia and Arif Zaman (1991).
	Should be fast and pass BigCrush statistical test suite. It's quite fast but the quality is unverified.

	Used like so:
	var rand = Alea("test123");
	rand(); // 0.7390809920616448
	rand(); // 0.3916741746943444

	function eqcss(selector, conditions, stylesheet) {

	var features = {
	minWidth: function(el, number) { return number <= el.offsetWidth },
	maxWidth: function(el, number) { return number >= el.offsetWidth },
	minHeight: function(el, number) { return number <= el.offsetHeight },
	maxHeight: function(el, number) { return number >= el.offsetHeight },
	minChildren: function(el, number) { return number <= el.children.length },
	maxChildren: function(el, number) { return number >= el.children.length },
	minCharacters: function(el, number) { return number <= ((el.value && el.value.length) \|\| el.textContent.length) },

	# Define ULID_DECODE and ULID_ENCODE which convert a ulid string to a binary and vice versa.

	delimiter //
	DROP FUNCTION IF EXISTS ULID_DECODE//
	CREATE FUNCTION ULID_DECODE (s CHAR(26)) RETURNS BINARY(16) DETERMINISTIC
	BEGIN
	DECLARE s_base32 CHAR(26);
	SET s_base32 = REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(REPLACE(UPPER(s), 'J', 'I'), 'K', 'J'), 'M', 'K'), 'N', 'L'), 'P', 'M'), 'Q', 'N'), 'R', 'O'), 'S', 'P'), 'T', 'Q'), 'V', 'R'), 'W', 'S'), 'X', 'T'), 'Y', 'U'), 'Z', 'V');
	RETURN UNHEX(CONCAT(LPAD(CONV(SUBSTRING(s_base32, 1, 2), 32, 16), 2, '0'), LPAD(CONV(SUBSTRING(s_base32, 3, 12), 32, 16), 15, '0'), LPAD(CONV(SUBSTRING(s_base32, 15, 12), 32, 16), 15, '0')));
	END//

	<div data-controller="smart-scroll"
	data-action="smart-scroll:added->smart-scroll#handleAdded
	resize->smart-scroll#handleAdded
	scroll->smart-scroll#handleScroll">
	<div data-controller="smart-scroll-item">
	aya: an an
	</div>
	<div data-controller="smart-scroll-item">
	hatate: ni hao
	</div>