Archive for September, 2009
[Flex] Commercial Charting Component
無錯，原文現在和chowky 都十分類同，既要造到一些”可觀性” 比較高的charting ，以及要在得短時間內做到。
當然，要造一些簡單的charting ，flex charting component 都已經能夠做到。
不過chowky 都是找到，一些可觀性比較高的charting component.
這兩套software，當然都不便宜。
Source: http://jimmyflex.blogspot.com/2009/09/flex-3-chart-extensions.html
[Flash] EA 的Tiger Woods Online 採用 Unity 3D
Chowky 覺得很奇怪，flash 的3d 有兩隻出名的，unity 3d 和papervision 3D。
好像papervision 3d 在gaming 上面好像多一點。
不知道是否關於個engine 上的問題~
license 上應該是papervision 3d 是比較好的 MIT, 而unity 3d 就是apache license.
當然兩隻都可以用來開發commercial product.
http://tigerwoodsonline.ea.com/
chowky 在做3d 的可能會採用unity 3d…..(不要妄下定論呢~)
Source: http://drawlogic.com/2009/09/26/ea-using-unity-3d-for-tiger-woods-online/
[Flash] Apdev Opensource VideoPlayer
Video player component. 有了這個東西，播movie 都可以利用這個東西，而且是MIT license. 所以 commercial, client project chowky 都會優先採用，當然，還要考慮質素呢~.
這個component 其實都有齊了需要的東西，不過chowky 覺都應該是基於flash 的videoplayback 來做的。加上了一個image overlay 。
不用錢的component 就要求少一點
總括而言，其實效果都是不錯呢~
VideoPlayer example: http://apdevblog.com/examples/apdev_videoplayer/
HTML-embed example: http://apdevblog.com/examples/apdev_videoplayer/html.html
Source: http://apdevblog.com/updated-our-as3-open-source-videoplayer/
License: MIT License
M$ 最新secret notebook?
好像說是到了最後階段~~
看上去這部平板電腦 (tablet) 會否帶給microsoft 一個新的機會呢??
Flash Player 10, Silverlight 3.0 and Java FX 1.2 支援 matrix
既然3 種 ria 技術都出了一段時間，大家不如看他們cross os 的比較吧。
這只是比較最新的版本。
|
(1) Requires Java 1.5
Source: http://www.mikechambers.com/blog/2009/09/10/rich-runtime-supported-platforms-matrix/
[AIR] Flickroom – flickr 圖片好幫手
multimedia? cross os? 當然是利用air technology. 雖然silverlight 都是表明是支援cross oso，不過對於應該的情況來說，明顯地是air 取勝的。
這個flickr 的application，利用了dark theme，黑色background，會令圖片看上去更好呢~~哈
不過主要是可以收到instant notifications ，當你的相片，相簿，有activities (comments, add to favour, add notes< tweet) ，另外還可以和不同的flickroom users 談天呢 (msn???)~~
Source: http://www.flickroom.org/beta/
Google 推出Google Chrome Frame ，行IE 無難度
Google 這件東西，是十分實用的 (當然是 web developer)。可以用來debug IE 系列的browser.
現在的IE6 很多都要corporate user. 家用機的都應該轉得七七八八。
google 當然想借此汲納，ie6的corporate user 去用google chrome. 因為有很多legacy 的program 是純粹支援ie6 only。所以如果有一個product 可以表明支援ie6的話，chowky 覺得google 的market share 有機會上升。
相反的m$ ，他實在太小心了，太慢，以為慢慢來就可以等用家自動更新，整個internet market 其實是不會等這樣慢的公司。
聽聽google chrome frame 的介紹~
Source: http://www.dmxzone.com/go?16995
CSS Button Styling 教學
每一個website 都需要button (按鈕). 這是非常基本的element. 卻扮演著一個很重要的角色，用來配搭不同的theme。
以 User Experience (UX) 的角度來說，一個button ，必須令人知道button 是clickable (可按的) ，簡單來說就是一看上去就令人知道是button。
若兩樣加起來，就比較困難，既要看上去似一個button，外表亦要好看，又要配合設計主題。
這個教學主要是利用了css sprite 的技術。css sprite.
先看看完成圖~
畫方面，請參考原文
Chowky 著重於怎implement
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>CSS Button</title> <style type="text/css"> * { margin: 0; padding: 0; /* Quick and Dirty Reset 非常有用*/ } body { background: url(bg-repeat.png); } #demo { width: 433px; margin: 100px auto; } </style> </head> <body> <div id="demo"> </div> </body> </html> |
加入button link的html
<p>< a href="#" class="press-it-btn">Press it</p>
加入button 的css (default state)
#demo p a.press-it-btn { display: block; width: 433px; height: 174px; background-image: url(button-sprite.png); background-position: top; text-indent: -9999px; /* 因為seo 的關係，我們要KEEP字(Press it)，所以要踢走字 */ }
加入hover 和active state.
#demo p a.press-it-btn:hover { background-position: center; } #demo p a.press-it-btn:active { background-position: bottom; }
當你試的時候，某些browser (e.g.firefox)，會加入了一個核突的dotted line
因為踢走字的關係而出現的
所以連outline 都不要
a { outline: none; }
但如果當user 用keyboard netvigate 的時候 (用tab) 就不會知道他們focus的地方，所以自己加上highlighting
#demo p a.press-it-btn:hover, #demo p a.press-it-btn:focus
Demo: http://line25.s3.amazonaws.com/wp-content/uploads/2009/css-button/demo/demo.html
Souce: http://line25.com/tutorials/how-to-build-a-simple-button-with-css-image-sprites/
[AIR] juking 搜尋音樂，自動提示相關的歌曲style
AIR 一直以來都是繼承了 flash 方面的mulitmedia 和animation的能力( 當然啦, 他的核心都是flash )。
因為AIR 是支援cross OS 的，所以，mac, pc, 以及linux 都可以使用，前提是要install air
runtime 呢~
AIR 再次顯示出他multimedia 的能力。
音樂加動畫，完全無難度~ (講笑only，要造這個application 其實是很難的)
究竟他的音樂是在哪兒找回來的呢? （其實是在 http://www.lastfm.jp/這裡找的，這算是RADIO嗎?)
只要search artist 的名，喜歡的genre，他就可以自動搜尋，之後就會播放呢~。
chowky 試過，非常方便，application 還會提供相關的artist。
最大的身特點就是，會有一個cloud map，用不同的顏色來表示genre 的相關性。
Source: http://juking.jp/air_top/
解到碼 google 就有機會請你?
Google 在M.I.T 掛了banner，指出如果你能夠解到碼入面的意思，google 就會有機會請你呢~
大家要留意下la，不過到目前為止都好似沒有人留contact 呢~
-
You are currently browsing the archives for September, 2009
Recent Comments