Tommy Hodgins tomhodgins

The State of Container Queries

tl;dr Developers would like the idea to style components based on a parent's width rather than depend solely on the viewport media query. This would allow modular components to style themselves while being agnostic to the viewport.

There is currently a lot of developer interest in getting a feature like Container Queries (née "Element Queryies") shipped in a browser.

2-min Catchup

Here are official'ish documents to outline the developer community's desires.

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.

"How do I get started with Node?" is a commonly heard question in #Node.js. This gist is an attempt to compile some of the answers to that question. It's a perpetual work-in-progress.

And if this list didn't quite answer your questions, I'm available for tutoring and code review! A donation is also welcome :)

Setting expectations

Before you get started learning about JavaScript and Node.js, there's one very important article you need to read: Teach Yourself Programming in Ten Years.

Understand that it's going to take time to learn Node.js, just like it would take time to learn any other specialized topic - and that you're not going to learn effectively just by reading things, or following tutorials or courses. _Get out there and build things!

	/**
	* Gulp Packages
	* =============
	* Import our gulp packages.
	*/

	import gulp from 'gulp';
	import svgmin from 'gulp-svgmin';
	import svgstore from 'gulp-svgstore';
	import cheerio from 'gulp-cheerio';

	const I = x => x
	const K = x => y => x
	const A = f => x => f (x)
	const T = x => f => f (x)
	const W = f => x => f (x) (x)
	const C = f => y => x => f (x) (y)
	const B = f => g => x => f (g (x))
	const S = f => g => x => f (x) (g (x))
	const S_ = f => g => x => f (g (x)) (x)
	const S2 = f => g => h => x => f (g (x)) (h (x))

	/*

	# The Mad CSScientist's Basic CSS Stylesheet
	written by Tommy Hodgins: https://gist.github.com/tomhodgins/e330ec1826d1cde2b8b0

	## Usage
	Add this stylesheet to barebones HTML documents to instantly add some sensible defaults for text or documentation

	<link href=http://staticresource.com/basic.css rel=stylesheet>

	// Add this code to Reddit.com
	/* Hide the Side */
	if (document.getElementsByTagName('html')[0].classList.contains('reddit')) {
	var input = document.createElement('input'),
	inputCSS = document.createElement('style'),
	inputJS = document.createElement('script');

	input.id = 'hTS';
	input.setAttribute('type','checkbox');
	input.setAttribute('onclick','hideTheSide()');

	// The wrong way:

	if (something === true)
	doAThing();

	// Requirements change, now you need to do two things:

	if (something === true)
	doAThing();
	doASecondThing();

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	import java.io.FileDescriptor;
	import java.io.FileOutputStream;
	import java.io.IOException;
	import java.io.OutputStream;
	import java.io.PrintStream;

	public class HelloWorld{
	private static HelloWorld instance;
	public static void main(String[] args){
	instantiateHelloWorldMainClassAndRun();