frumbert frumbert

Simple canvas-based color converter

To answer this StackOverflow question I wrote this — a small solution based on a never-rendered <canvas> element. It fills a 1-pixel canvas with the provided fill-style, and then reads the RGBA values of that pixel. It will work with any CSS color -- name, rgba(), hex, or even something more exotic like a gradient or pattern. Invalid colors are always returned as transparent black. Transparent colors are treated as painted on a newly-cleared canvas.

It's been tested in modern-ish versions of IE, Chrome, Safari, and Firefox. The API is:

color_convert.to_hex(color)   # Converts color to a hex-based RGB triple; to_hex('red') returns '#ff0000'
color_convert.to_rgba(color)  # Converts color to an rgba() string; to_rgba('red') returns 'rgba(255,0,0,1)'

Basic Instructions

Copy the Script1 function into the first Storyline JS trigger on the page you wish to display results
- Repeat for Scripts 2 and 3
- Tweak as necessary to get different results
Create a Storyline variable to hold the results
- Just called “storylineVar” in the example
Insert a “reference” to this variable on the screen (%storylineVar%)
Publish
- Doesn’t have to be “TinCan” publish since we’re handling it ourselves
Add the “tincan.js” library to the root folder of your published output

Never touch your local /etc/hosts file in OS X again

UPDATED for .test

To setup your computer to work with *.test domains, e.g. project.test, awesome.test and so on, without having to add to your hosts file each time.

Requirements

Homebrew
Mountain Lion -> High Sierra

AES-256 encryption and decryption in PHP and C#

Update: There is a more secure version available. Details

PHP

<?php

$plaintext = 'My secret message 1234';

Install

npm install -D acorn babel-loader @babel/core @babel/preset-env babel-polyfill webpack webpack-cli uglifyjs-webpack-plugin --save-dev

webpack-cli and acorn are dependencies that you, unfortunately, have to install if you want to run this god damn thing without any obscure warnings or errors.

Build

Configure Webpack

Character code (character)	Duration (ms)	Alias to	Pronounced as
27 (�)	656	None	Escape
33 (!)	1333	None	Exclamation mark
35 (#)	409	None	Hash
36 ($)	425	None	Dollar
37 (%)	631	None	Percent
38 (&)	329	None	And
43 (+)	396	None	Plus
45 (-)	706	None	Dash

Building the MAMP stack (php, apache & mysql) on Apple Silicon ARM (native)

Update! This tutorial is outdated. Nowadays brew installes m1 binaries just fine. Also use valet: https://laravel.com/docs/9.x/valet. It's 10x easier.

In this tutorial, we'll build the the nescessary packages for ARM via homebrew. After that we'll configure apache2 for using virtual hosts. The native php is ofcourse way faster, see the results of this benchmark below.

TEST NAME	SECONDS	OP/SEC

	<?

	// Link image type to correct image loader and saver
	// - makes it easier to add additional types later on
	// - makes the function easier to read
	const IMAGE_HANDLERS = [
	IMAGETYPE_JPEG => [
	'load' => 'imagecreatefromjpeg',
	'save' => 'imagejpeg',
	'quality' => 100

	'use strict';

	/**
	* Makes an element draggable.
	*
	* @param {HTMLElement} element - The element.
	*/
	function draggable(element) {
	var isMouseDown = false;

	** AttrPromise
	* @param {element} DOM element. required
	* @param {attributeName} String. Optional. Attribute that is expected to change.
	* @param {rejectTime} Int. Optional. Seconds (not ms) to wait before rejecting. 0 means there is no reject time.
	* @returns {promise}
	*/

	function attrPromise(element, attributeName,rejectTime = 0) {
	return new Promise((resolve,reject) => {
	let hasChanged = false;