Mark Friedrich exodus4d

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

This is my take on how to get up and running with NGINX, PHP-FPM, MySQL and phpMyAdmin on OSX Yosemite.

This article is adapted from the original by Jonas Friedmann. Who I just discovered is from Würzburg in Germany. A stonesthrow from where I was born ;)

Xcode

Make sure you have the latest version of XCode installed. Available from the Mac App Store.

Install the Xcode Command Line Tools:

xcode-select --install

Put links inside codeblocks on GitHub:

<pre>
import { assign, map } from '<a href="https://www.npmjs.com/package/lodash" title="Lodash on npm">lodash</a>';

<a href="https://lodash.com/docs#assign" title="assign documentation">assign</a>({ 'a': 1 }, { 'b': 2 }, { 'c': 3 });
// → { 'a': 1, 'b': 2, 'c': 3 } 
<a href="https://lodash.com/docs#map" title="map documentation">map</a>([1, 2, 3], function(n) { return n * 3; });
// → [3, 6, 9]

Think about "PHP" for a few seconds… What came to mind? It’s very likely you thought about your average product catalog, a blogging platform or how the platform is inferior to things like Node.js. But wait, it’s 2018! What if I told you PHP’s huge ecosystem has way more to offer and PHP is not inferior at all to its evil cousin Node.js?

Hands-on workshop given at PHPYorkshire (2018-04-13)

Getting started with ReactPHP – Pushing real-time data to the browser

In this hands-on tutorial you will learn about the core concepts of async PHP and why you too should care about ReactPHP being a real thing. The workshop has a strong focus on sparking the idea that PHP can be way faster and more versatile than you probably thought. Bring along an open mind and through lots of interesting examples and live demos learn why what sounds crazy at first might soon be a valuable addition in your toolbox.

You’re already familiar with PHP and want to learn what ReactPHP is all about? Then this tutorial is for you! We will

	/**
	* Object descriptor
	**/

	var a = {
	prop1 : 14
	}

	var descriptorObj1 = Object.getOwnPropertyDescriptor(a, 'prop1');

	var fn = function(arg1, arg2) {
	var str = '<p>aap ' + this.noot + ' ' + arg1 + ' ' + arg2 + '</p>';
	document.body.innerHTML += str;
	};
	var context = {
	'noot': 'noot'
	};
	var args = ['mies', 'wim'];

	// Calls a function with a given 'this' value and arguments provided individually.

	# Kernel sysctl configuration file for Red Hat Linux
	#
	# For binary values, 0 is disabled, 1 is enabled. See sysctl(8) and
	# sysctl.conf(5) for more details.

	# Turn on execshield
	# 0 completely disables ExecShield and Address Space Layout Randomization
	# 1 enables them ONLY if the application bits for these protections are set to “enable”
	# 2 enables them by default, except if the application bits are set to “disable”
	# 3 enables them always, whatever the application bits

	/**
	List of radio buttons. Unlike checklist, value is stored internally as
	scalar variable instead of array. Extends Checklist to reuse some code.

	@class radiolist
	@extends checklist
	@final
	@example
	<a href="#" id="options" data-type="radiolist" data-pk="1" data-url="/post" data-title="Select options"></a>
	<script>

	// Under WTFPL license ;)
	function ancestors(obj) {
	var hierarchy = [];
	if (['boolean', 'number', 'string', 'undefined'].indexOf(typeof obj) !== -1 \|\| obj === null) { // primitives types
	obj = Object(obj);
	} else if (typeof obj === 'function') {
	hierarchy.push(
	obj.name \|\|
	(obj.toString().match(/function (\w*)/) \|\|
	obj.toString().match(/\[object (\w*)\]/))[1] \|\|

	'use strict';
	class Abstract {
	// A static abstract method.
	static foo() {
	if (this === Abstract) {
	// Error Type 2. Abstract methods can not be called directly.
	throw new TypeError("Can not call static abstract method foo.");
	} else if (this.foo === Abstract.foo) {
	// Error Type 3. The child has not implemented this method.
	throw new TypeError("Please implement static abstract method foo.");