[MAC software] 網路限速(port)

以前在PC上有很方便的Netlimiter可以來限速,尤其在宿網中更是扮演重要角色,如今已經不再需要住宿舍,但需要模擬網路不好的狀況,這方法很多,可以從router下手,現在很多router都有支援qos,也可以從軟體下手,其中軟體端可以限制的又更廣,可以針對不同的process、application、port等。

這邊介紹一套輕量的MAC版網路限速「entonnoir」,功能稍微陽春,僅可以限制PORT,但已足夠限制一般的上網行為,只要限制http(80), https(443)應該大多站都可以"享受"到限速的感覺。

entonnoir 立馬下載

開啟後就只會看到這簡單介面,按下「+」「-」就可以新增/刪除需要限制的PORT,下方可以限制上傳下載的速度,完成後按下右上角的"Throttling",當顯示為綠燈時就開啟了限速,再按一下就會回到紅燈(關閉)



相關連結
Netlimiter
entonnoir

jquery.min.map not found error 404

這陣子遇到一個問題,因為 "jquery.min.map" 找不到這檔案而造成https 變為驚嘆號三角形,變成驚嘆號三角形當然有很多可能,例如在https下使用了非https文件(讀取了任何檔案)。

後來上網查了一下看到這篇"jquery.min.map 404(not found)"其實說明的很完整,需要解決這問題簡單來說有幾個方式

1. 別用jquery(誤 jquery表示:「怪我囉」)
2. 加上jquery.min.map檔

追根究柢問題還是為什麼會load這個.map檔,可以參考Introduction to JavaScript Source Maps,如果用最簡單一句話來形容就是debug方便,讓browser報錯同時清楚的告訴你是哪一行出了問題,jquery官方也說明了為何使用.map檔

如果有中文閱讀比較習慣的也有一位熱心的人士寫了一篇中文介紹Javascript source map 功能詳解

相關連結
jquery.min.map 404(not found)
Introduction to JavaScript Source Maps
jquery New! Source Maps
Javascript source map 功能詳解

Social share button i18n

先前有一篇提到Social share button的建立方式,但在某些狀況下這個分享按鈕是需要在地化的,讓不同語言更融入(增加點擊的機會),這邊介紹Facebook, Google+, twitter這三個做i18n的方式

Facebook
Facebook有分為兩種方式分別為「XFBML」、「iFrame」



XFBML
'//connect.facebook.net/en_US/all.js';

iframe
src="http://www.facebook.com/plugins/like.php?locale=fr_FR&..."

特別注意
1. en_US的大小寫方式,Facebook是使用前兩碼小寫,後兩碼大寫,中間使用 _ (underline)隔開
2. 範例中設定為中文zh_TW


Google
Google+必須在window加入一個參數,在載入按鈕前



window.___gcfg = {
lang: 'zh-TW'
};

特別注意
1. en-US的大小寫方式,Google+是使用前兩碼小寫,後兩碼大寫,中間使用 - (dash)隔開
2. 範例中設定為中文zh-TW


Twitter



<a href="http://iskens.blogspot.com/" class="twitter-share-button" data-via="IskenHuang" data-lang="zh-tw">推文</a>

特別注意
1. en-US的大小寫方式,Twitter和Google+一樣是使用前兩碼小寫,後兩碼大寫,中間使用 - (dash)隔開
2. 範例中設定為中文zh-TW



相關連結
Facebook like button - https://developers.facebook.com/docs/reference/plugins/like/
Google+ +1 button - https://developers.google.com/+/web/+1button/
Twitter button - https://twitter.com/about/resources/buttons#tweet

Gravatars profile image

如果有使用 Gravatars 這服務來管理頭像( Ex. Github, NPM, Wordpress, balabala...),請記得你所申請的服務 Email 一定要與 Gravatars 的相同,不然大頭照無法順利的連結起來,如果有不止一個 email 請記得在申請的同時把當前要申請的 email 設定為 Primary ( Make Primary )


Reference: Gravatars - https://en.gravatar.com/

ubuntu git clone error: server certificate verification failed

ubnutu git clone error message

Cloning into 'trend-branding-styleguide'...
error: server certificate verification failed. CAfile: /etc/ssl/certs/ca-certificates.crt CRLfile: none while accessing https://gitlab.tw.trendnet.org/randy_lien/trend-branding-styleguide.git/info/refs
fatal: HTTP request failed

input below in the shell
$ export GIT_SSL_NO_VERIFY=1

Reference: https://blog.breadncup.com/2011/06/09/skip-git-ssl-verification/