wastemobile wastemobile

1 介紹

[Symphony][1] 很棒，讓我們來讓它更好。

這文章與建立網站的前端相關，維持模板（templates）能夠重複利用，關聯資料來源（Datasources）、事件（Events）以及其他資源到你的頁面（Pages），程式碼的架構，還有更多。這文件的起心動念，是因為發現自己不停的重複再重複相同流程，才有了改良的意圖。

我假設你已經知道 Symphony CMS 的 [master.xsl][2] 是什麼，同時也已經用過它。如果你還不明瞭，請先參考 [Symphony 的預設 workspace][3].

2 一切從需求開始

Enabling noConflict mode

Using a default Foundation download you'll see some code like this:

<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')

Susy Tutorial

For this tutorial I'm assuming you are already comfortable with CSS, Sass (I'll use the SCSS syntax) and Compass. Please get set up with each one of those before attempting to use Susy. Sass and Compass both have their own setup instructions and tutorials that you can use.

There is also reference documentation in the works.

What Susy Does

CSS Systems

Draft Number: 1
Date: 2013-04-14
Author: John Porter @designermonkey

Symphony Next

This is all still a little new to me, so forgive me if this sounds naive, or you all have already thought about this and it's obvious, but I've been thinking about how we actually build Next. (I like this as a project codename).

Proposing the Application

讓山獅（Mountain Lion）與 Homebrew 快樂並存

1) 安裝 XCode（目前版本 4.5.2）在 /Applications

從 Mac App Store 免費下載安裝。

2) 安裝命令列工具（Command Line Tools）

在 XCode 的 Preferences > Downloads 可以選擇安裝 command line tools。

	if [ -f ~/.bashrc ]; then
	source ~/.bashrc
	fi

	function git_branch {
	ref=$(git symbolic-ref HEAD 2> /dev/null) \|\| return;
	echo "("${ref#refs/heads/}") ";
	}

	function git_since_last_commit {

	<html ng-app id="ng-app" class="ng-app">

	<head runat="server">

	<title></title>

	<!--[if lte IE 8]>

	<script src="http://cdnjs.cloudflare.com/ajax/libs/json3/3.2.5/json3.min.js"></script>

	requirejs.config({
	name: "main",

	shim: {
	"foundation/jquery.cookie": { deps: ["jquery"] },
	"foundation/jquery.event.move": { deps: ["jquery"] },
	"foundation/jquery.event.swipe": { deps: ["jquery"] },
	"foundation/jquery.foundation.accordion": { deps: ["jquery", "Modernizr"] },
	"foundation/jquery.foundation.alerts": { deps: ["jquery"] },
	"foundation/jquery.foundation.buttons": { deps: ["jquery"] },

	# Require any additional compass plugins here.
	gem "bootstrap-sass", "=2.3.2.0"
	require "bootstrap-sass"

	# Set this to the root of your project when deployed:
	http_path = "/"
	css_dir = "css"
	sass_dir = "scss"
	images_dir = "img"
	javascripts_dir = "js"

	# Require any additional compass plugins here.
	gem "zurb-foundation", "=4.1.2"
	require "zurb-foundation"

	# Set this to the root of your project when deployed:
	http_path = "/"
	css_dir = "css"
	sass_dir = "scss"
	images_dir = "img"
	javascripts_dir = "js"