Chris Hutchinson chrishutchinson

Keybase proof

I hereby claim:

I am chrishutchinson on github.
I am chrishutchinson (https://keybase.io/chrishutchinson) on keybase.
I have a public key ASD8fIvjNz0t1kN-0H5sQHzZ0l9UFE8OT4ItA6CJrfoDGQo

To claim this, I am signing this object:

If you're reading this for the first time, hello 👋! Most weeks I put a Slack post like this together for my team at The Times, pulling together some of the most interesting posts, videos and libraries I've found the week before. I'm sharing it here for the first time so you can read it too! Thanks, Chris.

1. How much can you control hyphenation with CSS?

It turns out, quite a lot! This post goes into great detail about automated hyphenation in CSS, all the rules you'll need to know, and what their browser support is. Well worth a read if you're ever looking to make website copy look a little nicer!

http://clagnut.com/blog/2395

2. Guess.js, a few tools for ML-powered experiences on the web

A really interesting library for bringing some predictive data-analytics to your web front end, all with the aim of improving the experience for users.

	// Polymer template code
	<p>Your closest income band is {{results.income}}. Figures for a {{sheetLabel}}.</p>

	<div class="row">
	<div class="col">
	<div class="label">Income change next year (2018/19)</div>
	<div class="big income">{{results.change_2018}}</div>
	</div>
	</div>

	const barrelRollStyleTag = document.createElement("style");

	barrelRollStyleTag.innerText = `
	@keyframes roll {
	from { -webkit-transform: rotate(0deg) }
	to { -webkit-transform: rotate(360deg) }
	}

	body {
	animation: roll 4s 1;

	const handleOrientation = event => {
	const x = event.beta;

	if (x < 40 && x > 20) return;

	if (x > 40 && x <= 60) {
	window.scrollBy(0, 1);
	} else if (x > 60) {
	window.scrollBy(0, 2);
	} else {

	const emojis = {
	american: "🇺🇸",
	science: "🔬",
	horror: "🙀",
	second: "🥈",
	written: "✏️",
	television: "📺"
	};

	const replaceWordsWithEmoji = text =>