lunelson

$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);
}

lunelson

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

lunelson

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;

lunelson

// ----
// 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";
  }

lunelson

/*

	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: 
			

lunelson

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

lunelson

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

---

lunelson

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

lunelson

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

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.

---

lunelson

// ----
// 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);
    }