dwayne

// http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/
@mixin exact-center($width, $height) {
  width: $width;
  height: $height;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -$width / 2;
  margin-top: -$height / 2;
}

dwayne

JavaScript Fundamentals 101

Resources

• Become a Professional JavaScript Developer

dwayne

About

If I find myself doing something over and over in Rails or if I come across a good best practice, then I'd document it here for future reference.

dwayne

<div class="kfc-navbar kfc-navbar-with-logo">

  <div class="kfc-navbar-logo">
    <a href="#" title="KFC T&T - So Good!">KFC T&amp;T</a>
  </div>

  <div class="kfc-nav-outer-wrapper">
    <div class="kfc-nav-inner-wrapper">

      <nav class="kfc-nav">

dwayne

// Assumes Bourbon - See http://bourbon.io/docs/#transform
// To see it in action, check out http://codepen.io/dwayne/pen/gjDGx

@mixin vertical-center {
  position: relative;
  top: 50%;
  @include transform(translateY(-50%));
}

dwayne

RSpec.configure do |config|
  config.before(:suite) do
    DatabaseCleaner.clean_with(:truncation)
  end

  config.before(:each) do
    DatabaseCleaner.strategy = :transaction
  end

  config.before(:each, js: true) do

dwayne

# Generating a unique auth_token for a user
#
# While a user exists with the generated token, generate a new one
Token.generate { |token| User.exists?(auth_token: token) }

dwayne

AngularJS

• Build custom directives. Basic controllers and templates are great, but anything beyond basic interactivity usually requires custom directives. The learning curve for custom directives can be challenging, so just take it one step at a time.
• Inter-directive communication via controllers.
• Become very familiar with scope usage, best practices, and pitfalls. Scope inheritance, and encapsulation are some of the areas where Angular can drive you insane, but this knowledge is essential in order to build large-scale, maintainable Angular apps.
• Explore the differences between Services, Factories, and Providers.
• Become a testing expert. One thing that I like about the Angular community is that tests are expected and encouraged.

Here are some resources to help:

dwayne

Preface

The Pipefishbook

Code Examples

To be covered:

• How to quickly get started with a Backbone.js sandbox
• How to manage data and state with Backbone.js models

dwayne

First Time

The gh-pages branch does not exist on the remote.

# Set up the build directory on an orphan branch
$ mkdir build && cd build
$ git init
$ git checkout --orphan gh-pages