Max West maxw3st

History of Frontend Tooling

Piping into and out of the cloud with skypipe

Skypipe is a magical command line tool that lets you easily pipe data across terminal sessions, regardless of whether the sessions are on the same machine, across thousands of machines, or even behind a firewall. It gives you named pipes in the sky and lets you pipe data anywhere.

Skypipe is sort of like named pipes and netcat, but with even more power and a simpler interface. Here is a simple example using skypipe like you would a regular named pipe in order to gzip a file across shells:

$ skypipe | gzip -9 -c > out.gz

Your skypipe is ready to receive some data from another shell process:

	// ----------------------------------------------------------
	// A short snippet for detecting versions of IE in JavaScript
	// without resorting to user-agent sniffing
	// ----------------------------------------------------------
	// If you're not in IE (or IE version is less than 5) then:
	// ie === undefined
	// If you're in IE (>=5) then you can determine which version:
	// ie === 7; // IE7
	// Thus, to detect IE:
	// if (ie) {}

	/**
	* Scrolling shadows by @kizmarh and @leaverou
	* Only works in browsers supporting background-attachment: local; & CSS gradients
	* Degrades gracefully
	*/

	html { background: white; }

	.scrollbox {
	overflow: auto;

	/* some uses for :hover Pseudo class and '~' selector */

	// 360deg Goggle view //

	/* le wrapper */
	.g {
	width: 600px;
	height: 400px;

	margin: 50px auto;

	<!DOCTYPE html>
	<html>

	<head>

	<meta charset="UTF-8">

	<title>Pure CSS3 Slideshow Without Page Jump · CodePen</title>

	<style>

	YUI.add('node-scroll-info', function (Y) {

	/**
	Provides the ScrollInfo Node plugin, which exposes convenient events and methods
	related to scrolling.

	@module node-scroll-info
	**/

	/**


	###
	Text masked spring particles
	Author: Kushagra Gour a.k.a. Chin Chang
	###
	# requestanimationframe polyfill
	window.requestAnimFrame = (->
	return window.requestAnimationFrame \|\|
	window.webkitRequestAnimationFrame \|\|
	window.mozRequestAnimationFrame \|\|

	<!-- example for the http://retinafy.me ebook -->

	<style>
	div.rss {
	background: url(rss.svg);
	width: 32px;
	height: 32px;
	}

	body.no-svg div.rss {