Nikos Gereoudakis stream7

Don't use VPN services.

No, seriously, don't. You're probably reading this because you've asked what VPN service to use, and this is the answer.

Note: The content in this post does not apply to using VPN for their intended purpose; that is, as a virtual private (internal) network. It only applies to using it as a glorified proxy, which is what every third-party "VPN provider" does.

A Russian translation of this article can be found here, contributed by Timur Demin.
A Turkish translation can be found here, contributed by agyild.
There's also this article about VPN services, which is honestly better written (and has more cat pictures!) than my article.

Problem-Solving Games

My daughter and I love playing problem-solving/adventure games together. Here's a record of them.

Service Worker - offline support for the web

Progressive apps - high-res icon, splash screen, no URL bar, etc.

Progressive Web Apps: Escaping Tabs Without Losing Our Soul

2015-01-29 Unofficial Relay FAQ

Compilation of questions and answers about Relay from React.js Conf.

Disclaimer: I work on Relay at Facebook. Relay is a complex system on which we're iterating aggressively. I'll do my best here to provide accurate, useful answers, but the details are subject to change. I may also be wrong. Feedback and additional questions are welcome.

What is Relay?

Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

	import { emptyObject } from 'fbjs/lib/emptyObject';
	import { connect } from 'react-redux';
	import { pushState } from 'redux-router';
	import pure from 'recompose/pure';
	import defaultProps from 'recompose/defaultProps';
	import doOnReceiveProps from 'recompose/doOnReceiveProps';
	import renderNothing from 'recompose/renderNothing';
	import renderComponent from 'recompose/renderComponent';
	import branch from 'recompose/branch';
	import compose from 'recompose/compose';

	"use strict";

	var React = require('react');

	/**
	* SVG icon component
	*
	* Renders an icon with the given symbol id. Assumes you have a SVG definitions
	* document with symbols defined. React sometimes chokes on SVGs defined in
	* JSX, so a workaround is to wrap it in a tag and set the inner HTML of that

	{
	"rules": {
	"indent": [
	2, 2
	],
	"quotes": [
	2,
	"single"
	],
	"linebreak-style": [

	// Promise.all is good for executing many promises at once
	Promise.all([
	promise1,
	promise2
	]);

	// Promise.resolve is good for wrapping synchronous code
	Promise.resolve().then(function () {
	if (somethingIsNotRight()) {
	throw new Error("I will be rejected asynchronously!");

	# Hello, and welcome to makefile basics.
	#
	# You will learn why `make` is so great, and why, despite its "weird" syntax,
	# it is actually a highly expressive, efficient, and powerful way to build
	# programs.
	#
	# Once you're done here, go to
	# http://www.gnu.org/software/make/manual/make.html
	# to learn SOOOO much more.