fuzzyfox

function removeTrailingWhitespace(string $string) : string
{
    return preg_replace('/[ \t]+(\r?)$/m', '$1', $string);
}

// PHPUnit testcase for method
// public function testTestInternalRemoveTrailingWhitespace()
// {
//     $this->assertSame(
//         "\n	some\r\n string\n\n\r\nto remove trailing\n whitespace from.\n\n",

fuzzyfox

$spacer: 1rem;
$tooltip-border-radius: ( 0.333 * $spacer );

[data-tooltip] {
  position: relative;

  &::before,
  &::after {
    opacity: 0;
    pointer-events: none;

fuzzyfox

html {
  height: 100%;
  padding: 0;
  margin: 0;
}
body {
  min-height: 100%;
  padding: 0;
  margin: 0 auto;
  display: flex;

fuzzyfox

(function( window, document, undef ) {
  'use strict';

  function SC( iframe ) {
    // check to see if an iframe was given to us, and
    // utilize its document if possible
    if ( iframe !== document ) {
      this._doc = document.querySelector( iframe ).contentDocument || undef;
    }
    else {

fuzzyfox

request.get(env.get('EVENTS_SERVICE') + '/events?after=' + env.get('EVENTS_START_DATE'), function(error, response, events) {
if(!error && response.statusCode === 200) {
  events = JSON.parse( events );
  // array to dedupe organizers
  var events_by_host = {};
  var event_hosts = [];
  // init stats object
  var event_stats = {
    hosts: 0,
    attendees: 0,

fuzzyfox

The quick fix to kitbuilder stubs.

If you've been using http://kitbuilder.webmakerprototypes.org/ this week then there is an unfortunate bug in your kits that prevents some of the magic that webmaker-kits provides. The fix is simple though.

There is a <script> tag at the bottom of the kit that includes dist/js/main.min.js this needs to be changed to //stuff.webmaker.org/webmaker-kits/v2/js/main.min.js. Once that is done the magic takes place. Any tags on the kit will automagically display in the kit sidebar, and any checklists (see the code snippet bellow) will have checkboxes added for you!

Hope this helps improve the awesome factor on your kits!

– FuzzyFox

fuzzyfox

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

/**
 * String.prototype.filter
 *
 * Allows for an arbitrary number of arguments which take a string as a single
 * parameter, and return a string, to modify the string.
 *

fuzzyfox

Super Goggles

Takes Webmakers X-Ray Goggles and adds a little spice so that you can goggle on published Thimble projects.

Install

Compress the JS in supergoggles.js and add to your bookmarks toolbar. Then use in place of X-Ray Goggles.

My personal favourite tool to do this easily is http://userjs.up.seesaa.net/js/bookmarklet.html. Simply copy the code in supergoggles.js and paste it into the tool. Name the bookmarklet and drag the link at the bottom of the page to your bookmarks toolbar. Done.

fuzzyfox

/* global define, module */
(function suggestMakeTagsRoot(){
  'use strict';

  // browser context getting dependency
  if(typeof window !== 'undefined' && !window.Make){
    var script = document.createElement('script');
    script.src = '//webmaker.org/bower/makeapi-client/src/make-api.js';
    script.onload = function(){
      suggestMakeTagsRoot();

fuzzyfox

<p>My improvement on CSS Hexagons, inspired by <a href="http://jtauber.github.io/articles/css-hexagon.html">James Tauber's CSS Hexagon Tutorial</a></p>
<span class="hex"></span>