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

<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

Intermediate Ruby on Rails

We build a Rails application together that let's us dig deeper into Rails.

• Syllabus
• The instructor, Matt Mongeau, can be found at @halogenandtoast or halogenandtoast

dwayne

Surviving APIs with Rails

• http://railsapis.codeschool.com/
• Slides

dwayne

Introduction

A list of resources (tutorials, articles and courses) I've collected for leveling up my skills in HTML5 & CSS3.

Getting Started

• A Beginner's Guide to HTML & CSS
• An Advanced Guide to HTML & CSS
• Learn the Web

dwayne

Introduction

https://tutsplus.com/course/how-to-build-a-hypermedia-driven-rest-api/ by @rhodesjason

In this video series we’ll walk through building a simple REST API with node.js and express. By focusing on nouns, verbs, and relationships, you'll also finish with a clear understanding of what hypermedia is all about and how emerging hypermedia-driven API standards can make all of our lives as developers a little easier. ~ Jason Rhodes

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

JavaScript Fundamentals 101

Resources

• Become a Professional JavaScript Developer

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

Introduction

Author: Ari Lerner.

AngularJS offers a single framework that can be used to build dynamic, client-centric applications. It provides:

• Module support
• DOM manipulation
• Animations
• Templating