Joseph Bergdoll josephbergdoll

Web fonts are pretty much all the rage. Using a CDN for font libraries, like TypeKit or Google Fonts, will be a great solution for many projects. For others, this is not an option. Especially when you are creating a custom icon library for your project.

Rails and the asset pipeline are great tools, but Rails has yet to get caught up in the custom web font craze.

As with all things Rails, there is more then one way to skin this cat. There is the recommended way, and then there are the other ways.

The recommended way

Here I will show how to update your Rails project so that you can use the asset pipeline appropriately and resource your files using the common Rails convention.

Templating in EE vs. Craft CMS.

Here are a few common tasks you might do in your templates, as they would be written in ExpressionEngine vs. Craft CMS.

	<html>
	<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
	function vimeoLoadingThumb(id){
	var url = "http://vimeo.com/api/v2/video/" + id + ".json?callback=showThumb";

	var id_img = "#vimeo-" + id;
	var script = document.createElement( 'script' );
	script.type = 'text/javascript';

	/ A simplistic way of loading and rendering HAML partials (header.haml, footer.haml, nav.haml... you name it) without Rails
	/ Useful when using tools like LiveReload http://livereload.com/
	/ but don't want to configure a web server just to use PHP include/require constructs (discussion http://help.livereload.com/discussions/questions/22-haml-partials)
	/ It could be improved/simplified using a helper http://stackoverflow.com/questions/5436769/partial-haml-templating-in-ruby-without-rails/5436973#5436973
	/ Check out the Jade version https://gist.github.com/2593727

	%html
	%body
	%header
	= Haml::Engine.new(File.read('/path/to/your/partial.haml')).render

	/*
	* Project: Shopify AJAX Cart Plugin
	* Description: Provides AJAX cart functionality for interacting with the Shopify AJAX API so you don't need an "Update Cart" button
	* Dependency: jQuery 1.6+
	* Author: Ryan Marshall ([email protected])
	* License: Free
	* Usage:
	*
	* $('#cart-form').shopifyAJAXCart({
	* item: '.line-item-container',

	# Apache Server Config \| MIT License
	# https://gist.github.com/bhubbard/6082577
	# Modified from https://github.com/h5bp/server-configs-apaches

	# ##############################################################################
	# # Default WordPress #
	# ##############################################################################
	# http://randomtype.ca/blog/the-wordpress-htaccess-file-explained/

	# BEGIN WordPress

	<!DOCTYPE html>
	<head>
	<title>Example</title>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>
	<body>

	<section class="what">
	<div class="awesome">
	<div class="classnames">

	<form action="/cart/add" method="post">
	{% if product.variants.size > 1 %}
	{% if product.options[0] %}
	{% assign used = '' %}
	<label for="select-one">{{ product.options[0] }}</label>
	<select id='select-one' onchange="letsDoThis()">
	{% for variant in product.variants %}
	{% unless used contains variant.option1 %}
	<option value="{{ variant.option1 }}">{{ variant.option1 }}</option>
	{% capture used %}{{ used }} {{ variant.option1 }}{% endcapture %}

	<?php

	// in this case we have three ACF Relationship fields set up, they have the names
	// acf_rel_1, acf_rel_2, and acf_rel_3 (NOTE: these are the NAMES not the labels)
	// ACF stores post IDs in one form or another, so indexing them does us no good,
	// we want to index the title of the related post, so we need to extract it

	function my_searchwp_custom_fields( $customFieldValue, $customFieldName, $thePost ) {

	// by default we're just going to send the original value back

	<?php

	// (string) $message - message to be passed to Slack
	// (string) $room - room in which to write the message, too
	// (string) $icon - You can set up custom emoji icons to use with each message
	public static function slack($message, $room = "engineering", $icon = ":longbox:") {
	$room = ($room) ? $room : "engineering";
	$data = "payload=" . json_encode(array(
	"channel" => "#{$room}",
	"text" => $message,

Joseph Bergdoll josephbergdoll

The recommended way

Templating in EE vs. Craft CMS.

Table of Contents