Brian Redfern bredfern

## GStreamer-1.0 some strings.sh
#!/bin/bash

# play YUV444 FULL HD file
gst-launch-1.0 -v filesrc location=size_1920x1080.yuv ! \
    videoparse width=1920 height=1080 framerate=25/1 format=GST_VIDEO_FORMAT_Y444 ! \
    videoconvert ! \
    autovideosink

# play YUV422 FULL HD file
gst-launch-1.0 -v filesrc location=size_1920x1080.yuv ! \

## index.html
<body layout="column stretch-stretch">
  <svg class='defs-only'>
  <defs>
    <g id="JB">

<path id="jb-profil"
 stroke="#000" fill="#fff" stroke-miterlimit="10" d="M258.9,94.3c1,0.8,1.199,2.6,0.699,6.4
	c-0.699,5.6-0.3,6.2,4.801,7.3c2.5,0.5,3.1,1.1,3.1,3c0,2.6,2,3.1,5.8,1.5c1.7-0.7,1.8-0.3,1.601,4.1c-0.301,6.2,0.6,8.8,3.399,10.2
	c2.601,1.3,10.2,2.9,17.2,3.7c9,1.1,13.2,2.6,16.6,6.1l3.2,3.3l-2.6,1c-1.5,0.6-2.7,1.5-2.7,2c0,2.1,6.5,8.3,11,10.6
	c5.2,2.6,6.3,3.7,7.8,8c0.5,1.6,2.2,6.1,3.601,10c7,18.8,6.199,35.9-1.9,44.5c-1.3,1.4-2.5,3.9-2.8,5.6c-0.7,4.4-2,6.6-6.9,10.9

## gist:a63e5e6e8564991d22b50124965f5614
While not every language uses the "reduce" keyword you find the concept of reduction in different languages that implement functional code features so in c# its called using the Aggregate keyword but the concept is similar.

So what is a reduction and how does it help us flatten multidimensional lists in general?

You basically get to call a function on every item in an array however you get some special tools to keep track of this array so you have an accumulator that is like a bag where all the values drop in after each array is iterated, you have a current value placeholder an index which tells you which item you're on in the array and you have the ability to set an initial value to send to the first callback call.

Here's an example of how reduce is used with a complex array to flatten it into a simple array:
function flattenDeep(arr1) {
   return arr1.reduce((acc, val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val), []);
}

## css-range-slider-vertical.markdown

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                bredfern
                / css-range-slider-vertical.markdown
            
            
              Created
              October 19, 2018 21:38
            
              
                CSS Range Slider vertical
              
          
    CSS Range Slider vertical

Forked from Sean Stopnik's Pen CSS Range Slider. thx
A Pen by Brian Redfern on CodePen.
License.

  
## index.html
<h1>WaveSurfer.js - equalizer with volume slider</h1>
<h4>
  <a target="_blank" href="https://github.com/entonbiba/examples/blob/master/wavesurfer/equalizer-with-volume-slider">Example reference on github.com</a>
</h4>


<div id="waveform"></div>

<div class="container" style="text-align: center">
  <button onclick="wavesurfer.playPause()">

## html5-audio-visualizer.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                bredfern
                / html5-audio-visualizer.markdown
            
            
              Created
              October 18, 2018 20:14
            
              
                HTML5 Audio Visualizer
              
          
    HTML5 Audio Visualizer

A Pen by Brian Redfern on CodePen.
License.

  
## blog-functional_programming_in_c.cpp
/*

 Functional programming in C
 ```````````````````````````

 This is an example of how to use executable memory to get partial function
  application (i.e. bind1st()) in C. (Well, this actually only compiles as C++
  since i'm using a varargs typedef, but there's no classes or templates.)
 To proceed, we need to be comfortable with the cdecl and stdcall calling
  conventions on x86, and just a little assembly.

## jquery.scrollToTop.js
import $ from 'jquery';
import plugin from './plugin';

class ScrollToTop {
    constructor(element, options) {
        const $element = $(element);

        $(window).scroll(function () {
            if ($(this).scrollTop() > options.offset) {
                $element.fadeIn();

## index.html
<div id="clock"><span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>.<span id="milliseconds">000</span></div>

## function_invocation.js
console.log(1);
(_ => console.log(2))();
eval('console.log(3);');
console.log.call(null, 4);
console.log.apply(null, [5]);
new Function('console.log(6)')();
Reflect.apply(console.log, null, [7])
Reflect.construct(function(){console.log(8)}, []);
Function.prototype.apply.call(console.log, null, [9]);
Function.prototype.call.call(console.log, null, 10);
	#!/bin/bash

	# play YUV444 FULL HD file
	gst-launch-1.0 -v filesrc location=size_1920x1080.yuv ! \
	videoparse width=1920 height=1080 framerate=25/1 format=GST_VIDEO_FORMAT_Y444 ! \
	videoconvert ! \
	autovideosink

	# play YUV422 FULL HD file
	gst-launch-1.0 -v filesrc location=size_1920x1080.yuv ! \
	<body layout="column stretch-stretch">
	<svg class='defs-only'>
	<defs>
	<g id="JB">

	<path id="jb-profil"
	stroke="#000" fill="#fff" stroke-miterlimit="10" d="M258.9,94.3c1,0.8,1.199,2.6,0.699,6.4
	c-0.699,5.6-0.3,6.2,4.801,7.3c2.5,0.5,3.1,1.1,3.1,3c0,2.6,2,3.1,5.8,1.5c1.7-0.7,1.8-0.3,1.601,4.1c-0.301,6.2,0.6,8.8,3.399,10.2
	c2.601,1.3,10.2,2.9,17.2,3.7c9,1.1,13.2,2.6,16.6,6.1l3.2,3.3l-2.6,1c-1.5,0.6-2.7,1.5-2.7,2c0,2.1,6.5,8.3,11,10.6
	c5.2,2.6,6.3,3.7,7.8,8c0.5,1.6,2.2,6.1,3.601,10c7,18.8,6.199,35.9-1.9,44.5c-1.3,1.4-2.5,3.9-2.8,5.6c-0.7,4.4-2,6.6-6.9,10.9
	While not every language uses the "reduce" keyword you find the concept of reduction in different languages that implement functional code features so in c# its called using the Aggregate keyword but the concept is similar.

	So what is a reduction and how does it help us flatten multidimensional lists in general?

	You basically get to call a function on every item in an array however you get some special tools to keep track of this array so you have an accumulator that is like a bag where all the values drop in after each array is iterated, you have a current value placeholder an index which tells you which item you're on in the array and you have the ability to set an initial value to send to the first callback call.

	Here's an example of how reduce is used with a complex array to flatten it into a simple array:
	function flattenDeep(arr1) {
	return arr1.reduce((acc, val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val), []);
	}
	<h1>WaveSurfer.js - equalizer with volume slider</h1>
	<h4>
	<a target="_blank" href="https://github.com/entonbiba/examples/blob/master/wavesurfer/equalizer-with-volume-slider">Example reference on github.com</a>
	</h4>


	<div id="waveform"></div>

	<div class="container" style="text-align: center">
	<button onclick="wavesurfer.playPause()">
	/*

	Functional programming in C
	```````````````````````````

	This is an example of how to use executable memory to get partial function
	application (i.e. bind1st()) in C. (Well, this actually only compiles as C++
	since i'm using a varargs typedef, but there's no classes or templates.)
	To proceed, we need to be comfortable with the cdecl and stdcall calling
	conventions on x86, and just a little assembly.
	import $ from 'jquery';
	import plugin from './plugin';

	class ScrollToTop {
	constructor(element, options) {
	const $element = $(element);

	$(window).scroll(function () {
	if ($(this).scrollTop() > options.offset) {
	$element.fadeIn();
	console.log(1);
	(_ => console.log(2))();
	eval('console.log(3);');
	console.log.call(null, 4);
	console.log.apply(null, [5]);
	new Function('console.log(6)')();
	Reflect.apply(console.log, null, [7])
	Reflect.construct(function(){console.log(8)}, []);
	Function.prototype.apply.call(console.log, null, [9]);
	Function.prototype.call.call(console.log, null, 10);