發表文章

Terence-Studio 部落格成立!

長久以來一直所希望做的事, 大概就是有自己所屬的, 這個blog放一些工作室的作品, 要是技術上的交流, 還是以另一個blog為主了, 起步晚了, 但是熱誠不變! 我是Terence, 我熱愛音樂、設計、互動與程式, 歡迎指教。

public swf to mov (alpha channel)

圖片
that is on flash CS4

轉貼-在 IE8 FireFox Chrome CSS 置中解決方法

在 IE8 還沒出來之前,都是利用 margin: 0 auto; 的方式來解決 div 置中的問題,但是這在 IE8 並沒有發揮作用,無效了,底下在網路上發現兩種解法,分享給大家知道: 1. Width:100% 在最外層 div 加入 Width:100% 的屬性,程式碼如下: #container {width:100%;} #centered {width:400px; margin:0 auto;} 2. Text-Align:Center 在 div tag 裡面加入 Text-Align:Center,這樣 IE8 會偵測到此語法,就會服從 margin:0 auto; 之屬性,不過這樣內容會被全部至中,如果您有需要將其 div 內容往左邊對齊,那就必須在加上語法 Text-Align:left,底下是範例程式碼: #container {text-align:center;} #centered {width:400px; margin:0 auto;text-align:left;} IE6,IE7 則是利用下面語法: #wrap {   margin: 0px auto; /* firefox */   *margin: 0px auto; /* ie7 */   _margin: 0px auto; /* ie6 */   height:100px;    width:860px;   border:5px solid red;     } 來源: http://blog.wu-boy.com/2010/03/22/2074/

Circle animation

圖片
很久沒有做這類的東西, 這次是一種漸層的排序, 運用了三角函數的sin, 和一些tween

英語文法筆計-suffer

suffer 遭受、經歷 suffer from 因(疾病)而痛或不舒服;因...而更糟;受...之苦 i'm suffering from... 我正遭受著 He is suffering from...他正遭受著 He suffered from...他一直遭受著 vt. 及物動詞 變化形 suffered; suffered; suffering; 遭受; 經歷 He suffered many humiliations before he became a football star. 他在成為足球名將前受過許多屈辱。 (常用於否定句)忍受 I cannot suffer such rudeness. 我不能容忍這種粗魯的舉止。 容許; 任憑[O2] vi. 不及物動詞 變化形 suffered; suffered; suffering; 受苦; 患病[(+from)] He suffered from poverty all his life. 他一生受貧窮之苦。 My father suffers from high blood pressure. 我父親有高血壓。 They suffered a great deal in those days. 那時他們吃了不少苦。 受損害, 受損失; 變糟[(+for/from)] This scientific instrument suffered severely. 這部科學儀器受到嚴重損壞。 受懲罰; 被處決[(+for)] He suffered for his offence. 他因自己的過錯而受到懲罰。 to become worse 變差;變糟 V His school work is suffering because of family problems. 由於家庭問題,他的學業日漸退步。

英文小筆記

拉丁字詞後綴的意思 -al 為relating to,有關 -ant 表示 a thing which 或是 a people who -ate 為動詞後綴 -ary 指 of ....或是being.... 例:primary school 即指:school of prim -et 拉丁語中常見的後綴 -ist 指 a person who does (從事什麼) -ous 指 full of (充滿著...) 法文來源 de 為英文的 of , 例如 deluxe 原指:de luxe(法語),即是 of luxury(英 語)的意思 前面的詞根有: ad- to的意思 circum- 指週圍的、圍繞的 inter- 介入、居中的(between, among) sub- 為底下(below) super- 表示over,above,exceed wr- 開頭者,為日耳曼詞源,有一部分錶示了擰、扭、編織、彎曲和捻的概念

20100510-彈跳圖片的fancybox(粉絲盒子)筆記-以彈跳照片為例

從fb的網站範例中摸索出的筆記-以彈跳照片為例 一般而言的fb使用方式, a 裡面包含了 img。 而js是用 $("選擇器").fancybox({ }); 'titleShow': false titleShow是圖片的title,預設是true會出現,要關掉就直接設false。 而title會出現的內容,以 a 的 title 為主,若沒有則是使用img裡的alt。 'transitionIn'    : 'elastic', 在開啟時使用elastic的效果彈跳視窗,亦有fade、與none的效果 'transitionOut'    : 'elastic' 在關閉時使用elastic的效果彈跳視窗,亦有fade、與none的效果 'titlePosition'    : 'inside' 設定說明文,以 a 的 title 為主,若沒有則是使用img裡的alt。 參數中,除了 inside 還包括了 outside 及 over。 outside:在彈跳視窗之外,另用背景呈現 inside:圖片會有背景呈現文字 over:直接在圖片上呈現一層色彩,文字覆蓋在圖片上。 以下為官方的設定說明: Key Default value Description padding 10 Space between FancyBox wrapper and content margin 20 Space between viewport and FancyBox wrapper opacity false When true, transparency of content is changed for elastic transitions modal false When true, 'o...