Pavel Bier pavelbier

Description

Heroku is a simple way to publish your Rails app, and a powerful platform that will allow it to scale. In this episode, Jay McGavren gets you started with your first Heroku app.

Set up your Rails app

Isolate your gem environment

You WANT Rails to fail locally if a gem isn't in your Gemfile

	/**
	* Dabblet: CSS speech or tooltip bubble with box shadow
	* Author: Martin Michálek, twitter.com/machal
	*/

	.bubble {
	width: 200px;
	}

	.bubble_head {

	/**
	* Twitter CSS3 icon
	*/

	div {
	padding:20px
	}

	#myPhoto {
	display:block;

	/**
	* source: http://jsfiddle.net/NPXfe/
	*/

	body {padding:40px; background-color: #ccc;}
	input {
	padding:10px 60px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;

	/**
	* source: http://inspectelement.com/tutorials/create-the-illusion-of-stacked-elements-with-css3-pseudo-elements/
	*/

	body {
	background: #ccc;
	padding:50px;
	}

	.stack { position: relative; z-index: 10; float:left }

	/* Scrolling shadows by @kizmarh */

	html {
	background: #FFF;
	}

	.scrollbox {
	position: relative;
	z-index: 1;

	/*
	http://snook.ca/archives/html_and_css/handling-overflow
	http://www.456bereastreet.com/archive/201206/using_media_queries_to_hide_css3_from_older_browsers/
	*/

	.fadeout-text {
	overflow: hidden;
	width: 130px;

	/* Fallback solution for browsers that

	<div id="chatbox">
	<div id="header">
	Name1, Name2, Name3<br />
	Name4, Name5, Name 6<br />
	</div>
	<div id="content">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sollicitudin viverra arcu non rhoncus. Aliquam erat volutpat. Pellentesque id sollicitudin justo. Nam id aliquet diam. Sed vel eros mi. Maecenas malesuada sapien eget mauris imperdiet ac tristique nunc varius. Donec sagittis diam tristique lacus ullamcorper rhoncus. Nullam et elit in odio laoreet dictum. Cras sit amet sem ligula. Donec nisi magna, vestibulum nec venenatis eget, dignissim non metus. Morbi malesuada auctor nisl rutrum commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elementum molestie volutpat. Cras id diam et sapien semper venenatis pellentesque vitae orci.


	</div>

	<div class="flipper">
	<div class="front">Front</div>
	<div class="back">Back</div>
	</div>

	(function($,document,window){

	})(jQuery,document,window);