Ben Foxall benfoxall

## bgphp-lightningtalks.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                benfoxall
                / bgphp-lightningtalks.md
            
            
              Created
              August 14, 2016 17:52
            
          
    Cooperative Micro-hacks

The most effective way to get to know a new tool, API or library is to get some hands-on experience with using it, otherwise known as having a hack. Unfortunately, before we get stuck into writing code we often have to spend our time with setup, installation & debugging.
I’ll take us through a collaborative coding environment which optimises our time-to-hack by distributing setup & boilerplate tasks between developers: allowing us to get straight in to play with stuff.
We’ll see how this approach can be useful for hack-days, workshops, and even lightning talks!
Back to front with service workers


## messaging with hashed
var subscribers = []

window.addEventListener('message', function(e){
  if(e.data.fao == 'messaging')
    subscribers.forEach(function(s){
      s(e.data)
    })
}, false)

// subscribe to an input channel

## cojs.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                benfoxall
                / cojs.md
            
            
              Last active
              August 7, 2016 11:19
            
          
    cojs.co libraries

Debug script conversion

document.currentScript.className = 'visible'
util


## booya.md

      
              1 file
            
          
              0 forks
            
          
              7 comments
            
          
              0 stars
            
          
                benfoxall
                / booya.md
            
            
              Last active
              July 20, 2016 19:56
            
          
    BOOYA July 2016

This month we'll be having a BOOYA (Bring yOur Own hYperlink Along).  In this session, we'll go through a list of links that people have submitted and chat about why we find them interesting.
To submit a link - add a comment below with the url, and your twitter handle (so we can /via you when we tweet the link later).
It doesn’t matter if you don’t know anything about the project/post/thing, just anything that you find interesting or cool!

  
## show+ask.md

      
              1 file
            
          
              0 forks
            
          
              3 comments
            
          
              0 stars
            
          
                benfoxall
                / show+ask.md
            
            
              Last active
              June 17, 2016 13:39
            
              
                Stuff from my show and ask show and tell
              
          
    Show + ASK 💥

Phaser?


Joe used phaser to make a space invaders game, it was straightforward.

WordPress REST API?


Wordpress rest api a rest api for wordpress!
no-one had really heard of it. (It’s very cool.)


## colours.js
// http://colorbrewer2.org/
var colours = [[158,1,66],    [213,62,79],   [244,109,67],
               [253,174,97],  [254,224,139], [230,245,152],
               [171,221,164], [102,194,165], [50,136,189],
               [94,79,162]]

function rgba(color, alpha) {
  return 'rgba(' + color.concat(alpha).join(', ')  + ')'
}

## sw.js
importScripts('pusher-iso-worker.js')

var pusher = new Pusher('key-here', {disableStats: true})

pusher
  .subscribe('live_load')
  .bind('uploaded', (data) => {

    self.clients.matchAll()
    .then((clients) => {

## bentime.js
if('registerElement' in document) {
  var BenTime = Object.create(HTMLElement.prototype);

  BenTime.createdCallback = function() {
    var stamp = parseInt(this.getAttribute('stamp'),10)
    var delta = Math.abs(stamp - new Date)
    var s = ~~(delta / 1000)
    this.innerHTML = s + 's'
  };

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## inject-frame.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>iframe inject test</title>
  </head>
  <body>
    <script type="text/javascript">
      var f = document.createElement('iframe');
      f.src = 'data:text/html;charset=utf-8,%3Ch1%3Ehello%3C%2Fh1%3E';
	var subscribers = []

	window.addEventListener('message', function(e){
	if(e.data.fao == 'messaging')
	subscribers.forEach(function(s){
	s(e.data)
	})
	}, false)

	// subscribe to an input channel
	// http://colorbrewer2.org/
	var colours = [[158,1,66], [213,62,79], [244,109,67],
	[253,174,97], [254,224,139], [230,245,152],
	[171,221,164], [102,194,165], [50,136,189],
	[94,79,162]]

	function rgba(color, alpha) {
	return 'rgba(' + color.concat(alpha).join(', ') + ')'
	}
	importScripts('pusher-iso-worker.js')

	var pusher = new Pusher('key-here', {disableStats: true})

	pusher
	.subscribe('live_load')
	.bind('uploaded', (data) => {

	self.clients.matchAll()
	.then((clients) => {
	if('registerElement' in document) {
	var BenTime = Object.create(HTMLElement.prototype);

	BenTime.createdCallback = function() {
	var stamp = parseInt(this.getAttribute('stamp'),10)
	var delta = Math.abs(stamp - new Date)
	var s = ~~(delta / 1000)
	this.innerHTML = s + 's'
	};
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>iframe inject test</title>
	</head>
	<body>
	<script type="text/javascript">
	var f = document.createElement('iframe');
	f.src = 'data:text/html;charset=utf-8,%3Ch1%3Ehello%3C%2Fh1%3E';