Michael Fasani Fasani

Full Width Menu With Equal Spacing

This is a full width menu with equal space, using flexbox, no support below IE10.

I needed to have a scroll bars at the top and bottom of my container, this is how you can do that with the jScrollPane API events.

	One of the tasks I work on daily for people is email builds. Building robust emails for a matrix of browsers, web-based mail clients and standalone clients can be a very tricky task because email clients sometimes strip out certain tags and render different elements in slightly different ways. After hours of building, testing and fixing bugs which arise due to these differences I have come up with some almost full proof ways of working with certain elements and created this list of 12 email tips which should really help you in your quest for good looking email design across all the major client enviroments.

	The enviroments I concentrate on are what I consider to be the four key web-based email clients and the four key Windows and Apple Mac desktop clients:

	AOL Email (IE6, IE7, Firefox, Safari, Opera)
	GMail / Google Mail (IE6, IE7, Firefox, Safari, Opera)
	Yahoo Mail (IE6, IE7, Firefox, Safari, Opera)
	Windows Live / Hotmail (IE6, IE7, Firefox, Safari, Opera)
	Lotus Notes
	Mac OS X Mail

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Simple Backbone WordPress Example</title>
	<link rel="stylesheet" href="base.css">
	</head>
	<body>

	<ul id="post-list"></ul>

	# This file has been edited for my own usage and shared here, credits to Brett Terpstra.

	#!/usr/bin/env ruby
	# watch.rb by Brett Terpstra, 2011 <http://brettterpstra.com>
	# with credit to Carlo Zottmann <https://github.com/carlo/haml-sass-file-watcher>
	# =============================
	# Code from: http://brettterpstra.com/2011/03/07/watch-for-file-changes-and-refresh-your-browser-automatically/
	# To install use: chmod a+x watcher.rb

	# Run with: ruby watcher.rb <folder/to/watch> <keyword>

	# Your init script
	#
	# Atom will evaluate this file each time a new window is opened. It is run
	# after packages are loaded/activated and after the previous editor state
	# has been restored.
	#
	# An example hack to log to the console when each text editor is saved.
	#
	# atom.workspace.observeTextEditors (editor) ->
	# editor.onDidSave ->