Jean Pierre Kolb JPKCom

## plink-plonk.js
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

## ramdisk-howto.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              6 stars
            
          
                dhlavaty
                / ramdisk-howto.md
            
            
              Last active
              April 24, 2023 15:35
            
              
                Create RAM disk in macOS High Sierra (10.13.3)
              
          
    Create RAM disk in macOS High Sierra (10.13.3), macOS Monterey (12.6.5) with ARM processor

Update 2023-04-24

Tested on macOS Monterey (12.6.5) with Apple M1 Pro chip (ARM architecture)
LIST DISKS


## letsencrypt_ubuntu_nginx.md

      
              1 file
            
          
              3 forks
            
          
              1 comment
            
          
              9 stars
            
          
                leommoore
                / letsencrypt_ubuntu_nginx.md
            
            
              Last active
              August 8, 2018 10:37
            
              
                Letsencrypt Ubuntu 14.04 Nginx
              
          
    #Letsencrypt Ubuntu 14.04 Nginx
Letsencrypt (https://letsencrypt.org) is an initative which aims to increase the use of encryption for websites. It basically allows people to apply for free certificates provided that they prove the they control the requested domain.
Note: As of 8th March 2016 letsencrypt is still in public beta.
##Installation
To install the client, clone the repostiory from github.
git clone https://github.com/letsencrypt/letsencrypt.git


## queryStrip.js
$(document).ready(function(){

  // queryStrip
  function queryStrip(string) {
    string = string.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
    var regex = new RegExp('[\\?&]' + string + '=([^&#]*)'),
        results = regex.exec(location.search);
    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ''));
  }

## gist:7451695
add_filter('woocommerce_billing_fields', 'custom_woocommerce_billing_fields');

function custom_woocommerce_billing_fields( $fields ) {
  $fields['billing_address_1']['class'] = array( 'form-group' );
  $fields['billing_address_1']['input_class'] = array( 'form-control' );
  return $fields;
}

## criticalcss-bookmarklet-devtool-snippet.js
(function() {
  var CSSCriticalPath = function(w, d, opts) {
    var opt = opts || {};
    var css = {};
    var pushCSS = function(r) {
      if(!!css[r.selectorText] === false) css[r.selectorText] = {};
      var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
      for(var i = 0; i < styles.length; i++) {
        if(!!styles[i] === false) continue;
        var pair = styles[i].split(": ");

## criticalcss.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <h2>Original CSS</h2>
  <style style="display: block; white-space: pre; font-family: monospace">
h2 { margin:0; }

## web-servers.md

      
              1 file
            
          
              932 forks
            
          
              236 comments
            
          
              5942 stars
            
          
                willurd
                / web-servers.md
            
            
              Last active
              April 25, 2024 09:21
            
              
                Big list of http static server one-liners
              
          
    Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.
Discussion on reddit.
Python 2.x

$ python -m SimpleHTTPServer 8000

  
## background-color-picker.js
var image = new Image();
image.src = "sample.jpg";
$(image).load(function() {
    ctx.drawImage(image, 0, 0);
});

$(canvas).click(function(e) {
    var canvasOffset = $(canvas).offset();
    var canvasX = Math.floor(e.pageX-canvasOffset.left);
    var canvasY = Math.floor(e.pageY-canvasOffset.top);

## .htaccess
#301 Redirects for .htaccess

#Redirect a single page:
Redirect 301 /pagename.php http://www.domain.com/pagename.html

#Redirect an entire site:
Redirect 301 / http://www.domain.com/

#Redirect an entire site to a sub folder
Redirect 301 / http://www.domain.com/subfolder/
	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()
	$(document).ready(function(){

	// queryStrip
	function queryStrip(string) {
	string = string.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
	var regex = new RegExp('[\\?&]' + string + '=([^&#]*)'),
	results = regex.exec(location.search);
	return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ''));
	}
	add_filter('woocommerce_billing_fields', 'custom_woocommerce_billing_fields');

	function custom_woocommerce_billing_fields( $fields ) {
	$fields['billing_address_1']['class'] = array( 'form-group' );
	$fields['billing_address_1']['input_class'] = array( 'form-control' );
	return $fields;
	}
	(function() {
	var CSSCriticalPath = function(w, d, opts) {
	var opt = opts \|\| {};
	var css = {};
	var pushCSS = function(r) {
	if(!!css[r.selectorText] === false) css[r.selectorText] = {};
	var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
	for(var i = 0; i < styles.length; i++) {
	if(!!styles[i] === false) continue;
	var pair = styles[i].split(": ");
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<h2>Original CSS</h2>
	<style style="display: block; white-space: pre; font-family: monospace">
	h2 { margin:0; }
	var image = new Image();
	image.src = "sample.jpg";
	$(image).load(function() {
	ctx.drawImage(image, 0, 0);
	});

	$(canvas).click(function(e) {
	var canvasOffset = $(canvas).offset();
	var canvasX = Math.floor(e.pageX-canvasOffset.left);
	var canvasY = Math.floor(e.pageY-canvasOffset.top);
	#301 Redirects for .htaccess

	#Redirect a single page:
	Redirect 301 /pagename.php http://www.domain.com/pagename.html

	#Redirect an entire site:
	Redirect 301 / http://www.domain.com/

	#Redirect an entire site to a sub folder
	Redirect 301 / http://www.domain.com/subfolder/