Advice from 30 year old me to 20 year old me

I recently turned 30. For some very odd reason I’ve not warmed to the idea of it just yet. However as I began to evaluate my 20s I realised how many mistakes I’ve made and things I’ve learned in a decade of life.

Wish I’d read this 10 years ago.

Plan in decades. Think in years. Work in months. Live in days.

Advice from 30 year old me to 20 year old me →

Elsewhere , 1 Comment

How Belgium vs USA played out on Twitter

It seemed as if the entire world stopped to watch the World Cup match against Belgium.

Twitter released a map shortly after the game that pretty much backs up that notion, with geotagged tweets mentioning key World Cup terms surging and falling as they were sent during the match. As the match approached extra time with both teams scoreless and one on the verge of elimination, all hell broke loose.

Lovely visualisation!

(via Mashable)

Elsewhere , , , Leave a comment

Smarty Pins

smartypins

Fun Google Maps based quiz. Just drop the pin at a location to answer. Keep playing until you run out of kilometers.

Smarty Pins →

Elsewhere , , Leave a comment

visualCaptcha

visualcaptcha

A configurable captcha solution, focusing on accessibility & simplicity whilst maintaining security.

Not too sure on the accessibility part though, as the presented options to choose from are not accessible by keyboard (issue here).

visualCaptcha →
visualCaptcha Demo →

Elsewhere , , Leave a comment

voice elements

voice-elements

Web Component wrapper to the Web Speech API, that allows you to do voice recognition (speech to text) and speech synthesis (text to speech) using Polymer.

Really nifty! Thanks to Polymer you’ll be provided with two extra elements you can use: <voice-player> for text to speech and <voice-recognition> for speech to text

<-- text to speech -->
<voice-player autoplay text="Welcome to the jungle! hahaha just kidding!"></voice-player>
<-- speech to text -->
<form id="recognition-form" class="pure-form">
	<fieldset>
		<textarea id="recognition-input" readonly=""></textarea>
	</fieldset>
	<fieldset>
		<button id="recognition-submit" class="pure-button pure-button-primary">Start!</button>
	</fieldset>
</form>

<voice-recognition id="recognition-element"></voice-recognition>

<script>
var form = document.querySelector('#recognition-form'),
    input = document.querySelector('#recognition-input'),
    element = document.querySelector('#recognition-element');

form.addEventListener('submit', function(e) {
    e.preventDefault();
    element.start();
});

element.addEventListener('result', function(e) {
    input.textContent = e.detail.result;
});
</script>

<voice-elements> Demo →
<voice-elements> Source (GitHub) →

Elsewhere , , , Leave a comment

WebIDE – In-browser editing for Firefox

webide

WebIDE helps you create, edit, and test a new Web application right from your browser. It lets you install and test apps on Firefox OS devices and simulators and integrates the Firefox Developer Tools for seamless debugging and inspection across those devices. This is a first step towards debugging across various platforms and devices over WiFi using open remote debugging APIs.

Here’s a video of WebIDE in action:

WebIDE Lands in Nightly →

Elsewhere , , Leave a comment

AirDog

AirDog is a small, agile, foldable quadcopter, especially designed for filmmakers and action sports enthusiasts who use GoPro cameras.

Like its canine namesake, AirDog automatically follows you wherever you go, whatever you do. It’s not bothered by pelting rain, freezing temps, massive waves, or freaking insane places. AirDog doesn’t say “no.” It just follows, flying right along.

AirDog Kickstarter →

Elsewhere , Leave a comment

SideComments.js

sidecomments

An interface component to give your site/app Medium.com style commenting.

SideComments.js Demo →
SideComments.js source (GitHub) →

Elsewhere , , , Leave a comment

Super Mario Bros: Level 1-1: Game Analysis

How does Super Mario Bros teach you to play purely through level design? Game Designer Dan “OtherDan” Emmons breaks down the mechanics and offers a lesson in game design techniques.

Whatever you do: you’ll get the mushroom.

Elsewhere , , Leave a comment

color: rebeccapurple;

From now on, rebeccapurple means #663399.

A great tribute to a great man and his daughter who was passed away at the age of just six. Every time Eric blogged about Rebecca’s condition and how it changed over time it tore me into pieces. This is the right thing to do, just as #663399Becca was.

A hue angle of 270 degrees, a saturation of 50% and a lightness of 40% →

Elsewhere , , Leave a comment