mfd

#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 master

mfd

$(window).bind("orientationchange", ->
  $scope.orientation = window.orientation
  $(document.body).css({
    width: $(window).width()
    height: $(window).height()
  })
  if window.orientation % 180 is 0
    rotation = "rotate(-90deg)"

    if window.orientation > 0

mfd

 $('[data-toggle="modal"]').click(function () {
   var url = $(this).attr('href');
   $.get(url, function (data) {
     var modal = $('<div id="clue-modal" class="modal fade" tabindex="-1" role="dialog"><div class="modal-dialog"><div class="modal-content">' + data + '</div></div></div>').modal();
     modal.on("hidden.bs.modal", function () {
       $(this).remove();
     });
     setTimeout(function(){
         modal.modal('hide');
     },5000);

mfd

// Writing JS for everything is great and all, but I don't want to see JS
// inline in my Jade templates. Thankfully, there are ways of abstrating it
// into mixins!

// Want some Rails-like helpers?
mixin link_to(name, href)
  - href = href || "#"
  a(href="#{href}")= name

// How about a single editing point for a class name?

mfd

//LIVE EXAMPLE: http://codepen.io/orlovmax/pen/PZRXaN?editors=1000

// Define navigation mixin
mixin nav(args)
	- items = args.items || {}
	- active = args.active || {}
	- nav = args.nav || {}
	- list = args.list || {}
	- item = args.item || {}
	- item_active = args.item_active || {}

mfd

Less css trick to generate BEM-styled selectors, by Max Shirsin, http://noteskeeper.ru/1139 + Scss version

@block: ~".dm-import-feed";

@{block} {
    &_step_2 {
        @{block}__page_step_2 {
            display: block;
        }
    }

mfd

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

mfd

Prerequisites

Make sure you have installed Homebrew and (Homebrew-Cask)[http://caskroom.io/].

# Install Homebrew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

# Install Homebrew-cask
brew install caskroom/cask/brew-cask

mfd

//== Media queries breakpoints

// Extra small screen / phone
$screen-xs:                  480px;
$screen-xs-min:              $screen-xs;

// Small screen / tablet
$screen-sm:                  768px;
$screen-sm-min:              $screen-sm;

mfd

#!/usr/bin/env ruby

require 'open-uri'
require 'pathname'
require 'json'

def strip_hash(f)
  ext = f.extname

  if ext.include?("?")