stevenyap

How to make web fonts work on Heroku

Add the fonts path to your production.rb and development.rb

# Add the font path
config.assets.paths << Rails.root.join('app', 'assets', 'fonts')

# Include font files to Assets
config.assets.precompile &lt;&lt; /\.(?:svg|eot|woff|ttf)$/

stevenyap

This describes the workflow to use Heroku as a staging environment. It assumes you already have an existing heroku app in production.

# rename your git remote heroku to something else like production
git remote rename heroku production

# so now you will push as: git push production master

# create the staging app
heroku apps:create staging-appname

stevenyap

This file is placed in /lib/tasks and it doesn't matter what is the filename but it must end in .rake eg. some_name.rake

namespace :db do
  desc 'Export database into db/seeds.rb'
  task :export do
    backup_file = 'db/seeds-bkup.rb'
    seed_file = 'db/seeds.rb'

    puts '*** Exporting database into db/seeds.rb ***'

stevenyap

(function($) {
  // create a class in jQuery scope
  $.landingVideo = function(options) {
    // define a self to be used as the main var
    // using 'this' breaks in event passing
    var self = {

      options: $.extend({
        video_player_id: '',

stevenyap

Debug SASS in rails

You need to see the SASS references instead of the generated CSS. Do the following to see it.
Install the following:

group :development do
  gem 'sass-rails-source-maps'
  gem 'sass', '>= 3.3.0.rc.6'
end

stevenyap

TODO: Check out http://sinonjs.org/ to stub AJAX requests or just stubbing with Jasmine to test expectations

Setup for rails

• Source: https://github.com/searls/jasmine-rails
• Install PhantomJS on Mac: brew install phantomjs
• Add gem gem 'jasmine-rails' to group :test, :development
• bundle install
• Run setup: rails generate jasmine_rails:install

Note: You don't have to install the jasmine gem from Pivotal. Reference (FYI only): https://github.com/pivotal/jasmine-gem

stevenyap

Testing HTML5 compatibility of your browsers

• Works for mobile browsers too
• http://html5test.com/

stevenyap

• Download and setup VirtualBox
• Download GenyMotion from https://cloud.genymotion.com/page/launchpad/download/
• Install and start!

To access your POW site from GenyMotion, use http://project.192.168.56.1.xip.io (Ref: http://bbowden.tumblr.com/post/58650831283/accessing-a-localhost-server-from-the-genymotion)

stevenyap

This guide explains the way to setup a production server using Capistrano.

Setup Capistrano on LOCAL

• Capistrano is a development gem which assist the developer to run commands on the production server (something like a Heroku toolbelt)
• Hence, it is installed and configured on developer's computer

# Gemfile

# Use Capistrano for deployment

stevenyap

Subdomain setup

# Note that you may want to uncomment NameVirtualHost *:80 in /etc/httpd/conf/httpd.conf to unset warnings for conflicted *:80

Listen 801
Listen 802
Listen 803
Listen 804