Kevin Lee Drum kevinleedrum

The introduction to Reactive Programming you've been missing

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	<html>
	<body>
	<h1></h1>

	<button onclick="decrement()">-</button>
	<button onclick="increment()">+</button>

	<script>
	function signal(initial, callback = null) {
	let value = initial

	This is output from the gamepad API's id property tested across a variety of browsers, along with regular expressions to
	find the name, vendor id, and product id.

	Chrome: Logitech Dual Action (STANDARD GAMEPAD Vendor: 046d Product: c216)
	Xbox 360 Controller (XInput STANDARD GAMEPAD)
	Wireless Controller (STANDARD GAMEPAD Vendor: 054c Product: 05c4)
	Sony PLAYSTATION(R)3 Controller (STANDARD GAMEPAD Vendor: 054c Product: 0268)
	Pro Controller (Vendor: 057e Product: 2009)
	8Bitdo SF30 Pro (Vendor: 2dc8 Product: 6000)
	Firefox: 046d-c216-Logitech Dual Action

	0000:006f JessTechColourRumblePad
	0001:0329 Sl6566
	0005:05ac Mocute
	0010:0082 AkishopCustomsPs360Plus
	0078:0006 MicrontekUsbJoystick
	0079:0006 PcTwinShock
	0079:0011 DragonRiseGamepad
	0079:1800 MayflashWiiUProAdapter
	0079:181a VenomLimitedArcadeJoystick
	0079:181b VenomArcadeJoystick

	#add 'node_modules' to .gitignore file

	git rm -r --cached node_modules
	git commit -m 'Remove the now ignored directory node_modules'
	git push origin <branch-name>