Skip to content

Instantly share code, notes, and snippets.

View wastemobile's full-sized avatar

wastemobile wastemobile

24 followers · 26 following
View GitHub Profile
@wastemobile
wastemobile / next_proposal.md
Created July 18, 2013 15:30 — forked from designermonkey/next_proposal.md
  • 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

@wastemobile
wastemobile / tutorial.mkdn
Created August 14, 2013 10:00 — forked from liuwen-lvtu/tutorial.mkdn

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

@wastemobile
wastemobile / README.md
Created September 3, 2013 15:08 — forked from mhayes/README.md

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>')
@wastemobile
wastemobile / main.js
Created September 5, 2013 16:46 — forked from MoOx/main.js
Zurb Foundation 是非常好的建構，彈性比 Bootstrap 大，唯一的缺點就是對 IE 的支援度比 Bootstrap 差許多，IE 7、8 都無法正常使用排版功能（網格），但其實其他元件都沒什麼問題。
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"] },
@wastemobile
wastemobile / gist:7268456
Last active December 27, 2015 04:39
據說 AngularJS 頁面若是被 IE8 以下的瀏覽器摸到，因為對 JSON 支援不足的緣故，會整個 View Template 直接秀出來，必須改用下面的寫法。IE 果真是網路的殺手啊～
<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>
@wastemobile
wastemobile / bash_profile
Last active December 30, 2015 22:09
Install Node。在 Mac 上使用 homebrew 安裝 node 雖然方便，但後續更新與使用 npm 安裝與升級套件時會遇到問題，實際原因是來自于目錄權限。要不是使用時必須帶著 sudo，要不就是得修改部分目錄權限，兩者都不太好。下面的安裝程序可以避掉。
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 {
@wastemobile
wastemobile / symphony_meet_resources.md
Created December 13, 2013 17:28 — forked from vlad-ghita/symphony_meet_resources.md

1 介紹

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

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

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

2 一切從需求開始

@wastemobile
wastemobile / README.md
Last active January 1, 2016 17:49
Symphony CMS Work Flow

Symphony Project Ensemble

這篇原本是 Stephen(@bauhouse) 寫給 Symphony Factory ensemble 的開發流程，由於該建構需要讓社群能夠持續參與維護，如何透過 GitHub 同步開發的進度，包含資料庫的異動，就成了重要的議題。因為 Symphony CMS 雖然將核心與客製的程序有基本的區分，但安裝外掛、新增資料表、新增頁面等流程都會異動到資料庫，就造成 Symphony CMS 在一般的 DTAP 流程不太順暢。

正規的 DTAP 開發環境：

  • Development：指每位開發者本地端的開發環境
  • Testing：開發流程中，開發者彼此溝通、檢查的測試環境
  • Acceptance：通常所謂的 Stage，讓非程式開發者檢查、確認是否滿足需求的環境
  • Production：正式上線的環境
@wastemobile
wastemobile / pandoc
Last active January 2, 2016 16:19
Pandoc 1.12.2.1 使用說明
% Pandoc User's Guide
% John MacFarlane
% January 19, 2013
Synopsis
========
pandoc [*options*] [*input-file*]...
Description
@wastemobile
wastemobile / PaperStack
Created January 10, 2014 17:07
用純CSS3做出紙張堆疊的效果
text-align: center;
padding:1.618em;
margin-bottom:1.618em;
font-weight: bold;
background: #eee;
box-shadow:
0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */
0 10px 0 -5px #eee, /* The second layer */
0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */