Lu Nelson lunelson

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.

Contract Killer

The popular open-source contract for web designers and developers by Stuff & Nonsense

Originally published: 23/12/2008
Revised date: 15/12/2013
Original post

Presenter Mode

This bookmarklet will put Sassmeister into presenter mode. I used it for screenshots for my talk.

javascript:(function(){var%20h,m,f;h=$('.site_header'),m=$('.main_body'),f=$('footer');if(h.is(':visible')){h.hide();m.css({top:0,bottom:0});f.hide();}else{h.show();m.css({top:'3.33333em',bottom:'1.77778em'});f.show()}}());

Presenter Mode Zoomed

FILL

fill	            Sets fill color of the shape.
fill-opacity	    Sets fill opacity of the shape.
fill-rule	    Sets fill rule of the shape.
  
  ** example **
  fill: #ccc;
  fill: rgba(0,0,0,.5);
  fill: red;

	// ----
	// libsass (v3.3.2)
	// ----

	@function slice($list, $start: 1, $end: length($list), $sep: list-separator($list)) {
	$output: ();
	@if $start >= 1 and $end >= $start {
	@for $i from $start through $end {
	$output: append($output, nth($list, $i), $sep);
	}

	/*

	HTML SYNTAX:
	<div id="example" data-parallax-bg="false" data-parallax-bg-speed="1.5">
	CONTENT
	</div>

	IMPORTANT:
	Don't forget tu place the background-image on your css file:

	// ----
	// Sass (v3.3.0.rc.1)
	// Compass (v0.13.alpha.10)
	// ----

	@function baseten-hex($number) {
	$hex-values: 0 1 2 3 4 5 6 7 8 9 a b c d e f;
	@if round($number) != $number {
	@warn "base10-hex() needs a integer";
	}

	{
	"folders":
	[
	{
	"path": "Leanpub/sublime-productivity",
	"folder_exclude_patterns": ["epub_images", "convert_html", "preview", "published"],
	"file_exclude_patterns": [".gitignore", ".sublime", "Icon"]
	},
	{
	"path": "SublimeTextTips"

	$contrasted-default-dark: #000;
	$contrasted-default-light: #fff;

	@mixin contrasted($bg, $dark:$contrasted-default-dark, $light:$contrasted-default-light){
	background-color: $bg;
	color: get_contrast_yiq($bg, $dark, $light);
	}

	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console