staminaloops

/*global requirejs*/
requirejs.config({
    shim: {
        "bootstrap/js/bootstrap-affix": ["jquery"],
        "bootstrap/js/bootstrap-transition": ["bootstrap/js/bootstrap-affix"],
        "bootstrap/js/bootstrap-alert": ["bootstrap/js/bootstrap-transition"],
        "bootstrap/js/bootstrap-button": ["bootstrap/js/bootstrap-alert"],
        "bootstrap/js/bootstrap-collapse": ["bootstrap/js/bootstrap-button"],
        "bootstrap/js/bootstrap-dropdown": ["bootstrap/js/bootstrap-collapse"],
        "bootstrap/js/bootstrap-modal": ["bootstrap/js/bootstrap-dropdown"],

staminaloops

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

staminaloops

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

staminaloops

#Force www example:
RewriteEngine on
RewriteCond %{HTTP_HOST} ^monte-ameira.com [NC]
RewriteRule ^(.*)$ http://www.monte-ameira.com/$1 [L,R=301,NC]

#Force www:
RewriteEngine on
RewriteCond %{HTTP_HOST} ^example.com [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [L,R=301,NC]

staminaloops

// Usual stream with sass

'use strict';

var gulp = require('gulp');
var gulpLoadPlugins = require('gulp-load-plugins');
var browserSync = require('browser-sync');
var del = require('del');
var wiredep = require('wiredep').stream;

staminaloops

/** @jsx React.DOM */

var STATES = [
  'AL', 'AK', 'AS', 'AZ', 'AR', 'CA', 'CO', 'CT', 'DE', 'DC', 'FL', 'GA', 'HI',
  'ID', 'IL', 'IN', 'IA', 'KS', 'KY', 'LA', 'ME', 'MD', 'MA', 'MI', 'MN', 'MS',
  'MO', 'MT', 'NE', 'NV', 'NH', 'NJ', 'NM', 'NY', 'NC', 'ND', 'OH', 'OK', 'OR',
  'PA', 'RI', 'SC', 'SD', 'TN', 'TX', 'UT', 'VT', 'VA', 'WA', 'WV', 'WI', 'WY'
]

var Example = React.createClass({

staminaloops

###Prerequesites

• Install node.js from http://nodejs.org
• Make sure you install git from http://git-scm.com

Install flightplan globally

npm install -g flightplan

Install flightplan in your project folder

staminaloops

{
  "env": {
    "browser": true,
    "node": true,
    "es6": true
  },

  "plugins": ["react"],

  "ecmaFeatures": {

staminaloops

// Promise.all is good for executing many promises at once
Promise.all([
  promise1,
  promise2
]);

// Promise.resolve is good for wrapping synchronous code
Promise.resolve().then(function () {
  if (somethingIsNotRight()) {
    throw new Error("I will be rejected asynchronously!");

staminaloops

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).