benstr

Deploy Development Enviroment

Be sure to replace myapp with your unique app name.

1. Start a new app on Nitrous.io

In Nitrous counsole cd into the folder you want your app to be created in. And run the following command:

rails new myapp --database=postgresql

benstr

Description	Command
Remove Folder & Contents	rm -R foldername
Make Directory Folders	mkdir foldername

benstr

#Heading 1 ##Heading 2 ###Heading 3 ####Heading 4 #####Heading 5 ######Heading 6

---

Paragraph

benstr

A Simple

The widgets and navigation are very cool and dynamic. Make sure to try the different view options in each widget.

Demo Site | Themeforest

Flat

Checkout the address book wodget! Also the overall squared look is pulled off very well.

Demo Site | Themeforest

benstr

/*******************************
FLAT COLORS - BACKGROUNDS
********************************/

.green-bg { /*emerald*/
    background-color: #2ECC71;
}
.dark-green-bg { /*nephritis*/
    background-color: #27ae60;
}

benstr

.animation-target {
  -webkit-animation: CtoL 1500ms linear both;
  animation: CtoL 1500ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/eh38L9 */

@-webkit-keyframes CtoL { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }

benstr

<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;

benstr

Material Design Contacts App Page Structure

A proof of concept showing the basic structure of the 'Contacts App' example shown throughout Google's Material Design Specs. There is many more additions needed to make this fully compliant to the specs but it exists purely for showing the structure and not the style.

A Pen by Ben Strahan on CodePen.

License.

benstr

<template name="layout">
  <div class="container">
    {{> yield}}
  </div>
</template>

benstr

module.exports = function(grunt){
    grunt.initConfig({
        traceur: {
            options: {
                experimental:true
            },
            custom: {
                files:{
                    'build/app.js': "js/**/*.js"
                }