2011年2月28日 星期一

方法

189438_1808723267647_4298_n

"失敗的人找藉口,成功的人找方法" 這是郭台銘說的話,不過我更相信朱學恆說的論點:

一、 每個人的天賦都是持久而且獨特的。
二、 每個人的最大成長空間在於他最擅長的領域。

我覺得努力會沒有收穫,一個是努力錯地方,一個是努力錯方向-努力錯地方就是錯估了自己的才能,努力錯方向就是沒有找到正確的方法努力。

最近事情也越來越多,發現還有好多值得去學習的人事物出現在身邊,也開始覺得需要有做抉擇的時候了,雖然總是希望自己什麼都擅長,但或許也開始發現有許多東西是自己真的做不來的(比方最近常去練的瑜珈 XD),不擅長的或許放手,或許拖著,擅長的全力以赴吧!!
Read more

2011年2月24日 星期四

jQuery的水平風琴折疊效果

183873_1801184639186_4228828_n

水平風琴折疊效果

又來講jQuery啦..這是最近做的網頁需要用到的效果,先練習一下之後再套到案子上面去,滑鼠移到分類的頁籤上就可以開啟那一項的資訊,並收合其他的資訊,感覺蠻炫的。

有興趣的話可以到這邊去下載外掛來使用。
Read more

2011年2月23日 星期三

jQuery的選擇器

要玩jQuery可以先了解他的選擇器,好好使用的話可以發揮很強大的功能。

出處

常用的 Selector:
  • * 所有元素
  • E 所有E元素,
  • E:nth-child(n) 傳回在所屬父元素下,排行第 n 的元素 E。(注意: 從 1 開始算,而非從 0)
  • E:first-child 傳回在所屬父元素下,排行第一的元素(老大)
  • E:last-child 傳回在所屬父元素下,排行最後的元素(老么)
  • E:only-child 傳回在所屬父元素下,是唯一子元素(獨子)
  • E:empty 沒有任何子元素者(有文字也不算,例如 TEXT 就不合格)
  • E:enabled 未被停用的 UI 元素 E
  • E:disabled 被停用的 UI 元素 E
  • E:checked 被勾選的 UI 元素 E(適用於 Radio, Checkbox)
  • E:selected 被選取的 UI 元素 E(適用於 Select 下的 Option 元素)
  • E.myClassName CSS 類別設為 myClassName 的元素 E
  • E#myId id="myId" 的元素 E
  • E:not(s) 不符合 s 條件的元素 E,例如: $("span:not(:empty)") 即為找出有包含子元素的 span
  • E F 由包含在 E 底下的 F 元素,不必直接為父子關係,例如: F 可以是 E 的子元素的子元素。
  • E > F 找出父元素為 E 的 F 元素
  • E + F 找出緊接在 E 元素後方的 F 元素
  • E ~ F 找出緊接在 E 元素前方的 F 元素
  • E,F,G 利用逗號可以呈現 " 或 " 的聯集效果,指 E 元素或 F 元素或 G 元素
  • E[foo] 具有 foo 屬性 (Attribute) 的E元素(1.2.6 以前的版本亦可用 E[@foo] 表示,1.3 版本起取消 @ 符號的使用)
  • E[foo=bar] 有 foo 屬性,且 foo 屬性值為 bar 的 E 元素
  • E[foo!=bar] 有 foo 屬性,且 foo 屬性值不等於 bar 的 E 元素
  • E[foo^=bar] 有 foo 屬性,且 foo 屬性值以 bar 開頭的 E 元素
  • E[foo$=bar] 有 foo 屬性,且 foo 屬性值以 bar 結尾的 E 元素
  • E[foo*=bar] 有 foo 屬性,且 foo 屬性值中包含 bar 字眼的 E 元素
  • E[foo=bar][baz=bop] 同時具備 foo 及 baz 屬性,且其值分別為 bar 及 bop 的 E 元素
  • :even 由選取結果中只挑出第雙數個
  • :odd 由選取結果中只挑出第單數個
  • :eq(N) and :nth(N) 由選取結果中取出第 N 個,由 0 起算
  • :gt(N) 由選取結果中只保留第 N 個以後者(不含 N)
  • :lt(N) 由選取結果中只保留第 N 個以前者(不含 N)
  • :first 選取結果中的第一個,等同於 :eq(0)
  • :last 選取結果中的最後一個
  • :parent 選取包含子元素者(文字內容也算,例如:Text)
  • :contains('test') 選取元素內的文字包含特定字串者
  • :visible 選取所有可見的元素(包含 CSS display=block 或 inline, visibility=visible 但不含 )
  • :hidden 選取所有不可見的元素(包含 CSS display=none, visibility=hidden以及
  • :input 選取所有表單輸入元素(包含 input, select, textarea, button).
  • :text 選取所有
  • :password 選取所有
  • :radio 選取所有
  • :checkbox 選取所有
  • :submit 選取所有
  • :image 選取所有
  • :reset 選取所有
  • :button 選取所有
  • :file 選取所有
Read more

2011年2月21日 星期一

2011年2月16日 星期三

北區技專學校 教學資源中心 電子報

北區技專院校  電子報

過年前到過年後完成的一個網頁,不過說網頁也不大像,這是一個電子報的系統,本來想自己寫,因為沒時間後來也請朋友幫忙完成了。

這次是第一次寫電子報系統,學到的是電子報只讀取body中間的部分,所以如果用外部CSS會整個被拆開,後來我就完全用Table重寫一次。但在使用table後,在IE下也遇到奇怪的問題,雖然後面也是都解決了,還是讓人感覺IE的可怕阿...

再來是比較有趣的是有用到YouTube的API,可以在管理後台上傳影片,接著會直接傳到YouTube,然後會自動把嵌入語法貼到文章中,就可以產出一篇新的文章了,之後有時間我也想研究看看。
Read more

2011年2月14日 星期一

翻牌配對遊戲

歡喜迎春超值配對

歡喜迎春超值配對

最近幫La new活動完成的flash,完全配對成功後會給等級,並有各個等級的小動畫,這次是用一個Scene完成的,把frame加tag也可以做出跟Scene一樣的效果。

最近跟La new合作其他的東西,也讓我的功力進步不少阿.. 其實還蠻感謝的。
Read more

2011年2月12日 星期六

好萊塢動畫專業用語解析

3DUSER 2005/05/12

Executive Producer 執行製片
執行製片多半是主要金主之一,尋找到合適的電影故事題材之後,並進一步尋求更多的投資伙伴,雇用導演和製片來完成電影。

Producer 製片
通常受雇於執行製片(金主),但有時金主自己當製片。製片的功能對內在於掌控製作進度和預算,和導演的求好心切,不計代價產生制衡的作用,對外則籌劃公關、宣傳事宜,並雇用主要製作幹部,

Director 導演
在美國,許多動電影的導演本身就是動畫師出身的,如超人特攻隊的布萊德和鯊魚黑幫的畢柏等,導演多半由執行製片(金主)雇用,與製片的位階相等。

PM (Production Manager) 製作經理
通常受雇於製片,協助製片實際控管細部時程和預算。

APM (Assistance Production Manager) 副製作經理
副製作經理實質上為各部門的行政主管,與各部門的技術主管Department Head,有相輔相承的功能,在行政事務上向製作經理Production Manager負責。
Read more

2011年2月11日 星期五

用Unity製作遊戲

最近在學用這套軟體來製作遊戲,想想可以應用的範圍還蠻廣的,不過先就這幾天完成的遊戲來跟大家分享吧。

點圖進入遊戲
168020_1781407984782_6644357_n

可以先試玩看看,不知道怎麼玩的可以點進去看攻略。
Read more

2011年2月10日 星期四

對抗邪惡的IE-瀏覽器相容性測試好幫手

基本上IE是一個很討厭的東西,規則都跟人不一樣,還常常會有莫名其妙的事情會發生。

製作網頁很重視各瀏覽器呈現的樣子,會希望一個網頁在各個瀏覽器看起來都是一樣的,所以為了對付邪惡的IE,就必須要用一些好用的工具。

IETester:
如同名稱一樣,就是可以直接測試網頁在IE中的樣子,下載軟體回來就可以了,很方便。


Test your web design in different browsers:
照字面來翻,就是所有瀏覽器都可以測試呈現的樣子,只不過缺點是因為他需要把呈現的樣子用截圖的方式表現,所以常常會需要等很久,就不是那麼方便了。

一起對付邪惡的IE吧!
Read more

強大的遊戲開發工具-Unity

180379_1779829865330_1690694_n

最近在學這套軟體,要用來開發遊戲很方便,而且更重要的是他可以直接發布成視窗版、web版、iOS、Android、PSP、Wii和Xbox 360等平台。

168020_1781407984782_6644357_n
182245_1781408464794_4608986_n
180067_1781408864804_3204429_n
這是今天用Unity建模的東西,其實連程式也寫好了,之後有機會弄一個比較完整的再放上來玩。
Read more

2011年2月8日 星期二

設計的四個基本原則

對比(Contrast)
對比的概念是:避免版面上的項目過於類似。如果字體、顏色、大小、線條粗細、形狀、留白等項目不相同,這個作品看起來會非常突出。對比經常是版面上最重要的視覺特色,可以在第一時間吸引讀者的目光。

重複(Repetition)
在整件作品中,設計重複出現的視覺元素。你可以重複運用顏色、形狀、質感、空間配置、線條粗細、字體、大小、圖像概念等項目。重複有助於架構安排,也能強化一致性。

對齊(Alignment)
版面上的項目不能隨意安排。在同一版面上,每個項目應該與其他項目有某些視覺上的關聯性,這樣一來,整個版面看起來會更整潔、更精緻、更鮮明。

相近(Proximity)
版面上相關聯的項目,要群聚分散。如此一來,這些項目會成為一個視覺單位,而非數個分散的單元,這有助於歸納資料,減少雜亂,讓讀者更清楚了解整個架構。

from 設計的上下左右
Read more

2011年2月7日 星期一

勞方與資方

168089_1775390714354_2674390_n

過年回家跟家人聊天,家人說一個親戚在開飲料店,最近越來越上軌道,扣掉成本(包含人事、原物料跟店租水電開銷)還有四成的獲利,這個是很可怕的,代表著他們只要在那邊什麼事都不用做,就可以賺的比在那邊辛辛苦苦的工讀生還要多,雖然不意外,但那個四成的獲利空間更是突顯在資本市場裡勞資的不平等關係。

最近也是有機會幫一家大企業做宣傳品,也看的到他們營業的目標跟獲利的關係,也是深刻感覺到勞方跟資方賺的錢永遠是那麼的不對等。

不過其實資方相對要付出的成本及風險是比較高的,敢承擔較大風險本來就該有較大的獲利,所以我才認為出社會要嘛就考公務員,要嘛就該去創業。
Read more

2011年2月3日 星期四

咪醬過新年

咪醬的歡樂假期

趕著在過年期間推出新春版咪醬,看著小貓咪睡在金元寶上,也希望可以替大家帶來福氣。

咪醬的歡樂假期

這次除了推出新年版的背景外,也多了一些讓使用者設定的部分,包括時鐘的位置(也可以選擇是否要顯示時鐘),時鐘的速度(因為背景會隨著時間變化而改變,如果想快速看一天的變化就可以把咪醬的時間調快),還有背景選擇(原本的夏日風情還有新的新年桌布)。

咪醬的歡樂假期

對於效能也有再做一些優化,好的軟體這方面一定是要很講究的啦~
Read more
Related Posts Plugin for WordPress, Blogger...