Hank to hanker - Learning Note: Software

顯示具有 Software 標籤的文章。顯示所有文章

2010年12月2日星期四

[Tools] Zen Coding : Generating HTML from selectors 使用選擇器產生HTML

顧名思義就是用來自動產生HTML, 第一次用也是覺得超酷, 用習慣真的能增加工作效率

直接看範例, 我是用Aptana, 打下面的selectors

html:xt>div#header>div#logo+ul#nav>li.item-$*5>a

按下Ctrl+Alt+E後會自動產生成下列的HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <title></title>
</head>
<body>
 <div id="header">
  <div id="logo"></div>
  <ul id="nav">
   <li class="item-1"><a href=""></a></li>
   <li class="item-2"><a href=""></a></li>
   <li class="item-3"><a href=""></a></li>
   <li class="item-4"><a href=""></a></li>
   <li class="item-5"><a href=""></a></li>
  </ul>
 </div>
</body>
</html>

Reference:
Zen Coding: Generating HTML from selectors
Zen Coding: A Speedy Way To Write HTML/CSS Code

2010年11月21日星期日

[Software] Firefox + Selenium IDE 網頁自動測試

先貼起來放, 有空再補用法跟圖。

錄製網頁的使用畫面, 然後自動測試, 例如新增, 刪除, 修改, 可以省下Web Developer的測試時間, 順便可以做功能性的Demo

Selenium IDE
http://seleniumhq.org/projects/ide/

2010年6月30日星期三

[好用小軟體] Everything search engine

Everything search engine - Locate files and folders by name instantly.

Everything是用來快速搜尋電腦檔案及資料夾的軟體

只要按快捷鍵, 然後打上想找的東西, 就會馬上顯現所有包含關鍵字的檔案或是資料夾

例如我按我自己設的快捷鍵Ctrl+Alt+F, 出現以下視窗, 然後打上 Programming, 就會列出我電腦中所有含Programming關鍵字的檔案及資料夾。

Everything也可以自設篩選, 更重要的是他內建HTTP Server

只要開啟HTTP Server, 就可以透過瀏覽器來搜尋及瀏覽自己電腦裡的檔案, 實在是非常好用。也可以自己設帳號密碼跟Port

下載網站：http://www.voidtools.com/

[好用小軟體] Everything search engine 簡單介紹

2009年6月11日星期四

Top 5 Browsers & Search Engine from 1 Jul 08 to 11 Jun 09

Source: StatCounter Global Stats - Browser Market Share

2009年6月5日星期五

[Software] Folder Size - 在Windows檔案總管顯示整個資料夾大小

Folder Size 2.4 for Windows - 在檔案總管顯示整個資料夾大小
http://foldersize.sourceforge.net/

使用方法：直接在檔案總管的資訊標題列點右鍵加入下面的功能欄位

Folder Size - 整個資料夾大小
File Count - 檔案數量
Folder Count - 資料夾內的資料夾數量
Sibling Count - 檔案數量+資料夾數量

2009年5月29日星期五

[教學] 用Fraps錄製自己的遊戲影片

我不知道Fraps出到幾版了，不過我電腦裡有2.9.1版，就順手裝起來寫教學了。

Step 1. 安裝軟體

Fraps 2.9.1 - 遊戲影片錄製軟體
WinAVI Video Converter v7.7 - 將AVI格式影片轉成其他格式的軟體

Step 2. 軟體設定

打開軟體會出現如下畫面，請選上面的Movies

Folder to save movies in -> 錄製影片要儲存的資料夾 -> 可以按右上的Change改變資料夾位置
Video Capture Hotkey -> 開始/停止錄製影片的快捷鍵
Full/Half Size -> 全螢幕或是半螢幕 -> 選Full影片解析度會很高，檔案會很大。
fps(frames per second) -> 每秒幀數, 意思就是每秒中畫面更新幾次, 數值越高遊戲畫面越順。
Record Sound -> 是否錄製聲音 -> 如果打勾就是要錄聲音 -> 選聲音來源
No cursor -> 不要錄到滑鼠指標
No sync -> 聲音跟影像不用同步

※以上的設定可以根據你想要的影片畫質做調整，當然還要考慮到你電腦的效能。
畫質不需要太好，反正還要傳到youtube。建議調Half-size, 30fps。如果遊戲中還是很lag，可以將遊戲裡的效果調低。

Step 3. 開始錄製

開啟軟體設定好後就可以打開遊戲了。
進遊戲時左上角會出現一個黃色數字，就是你的fps，黃色代表還沒在錄，紅色代表正在錄。
按F9 (或自己設定的hotkey) 開始錄製，錄完後按F9停止。

Step 4. 影片後製

你可以使用威力導演、Adobe Premiere、Windows Movie Maker，加入文字、圖片、註解...等。
不過在此只提供轉檔的軟體WinAVI Video Converter。
安裝完WinAVI Video Converter，開啟如下圖，選擇想轉的格式，然後選要轉的影片、存在哪就可。這軟體很easy。

如果你覺得影片轉的太差或太好，你也可以按進階設定來調成成你要的品質。
當然你也可以不轉檔，直接上傳avi到youtube，只是檔案會很大。

Step 5. 上傳至youtube

註冊一個帳號然後上傳即可！
影片格式：.WMV、.AVI、.MOV 和 .MPG
Youtube：最佳化您上傳的影片

2009年5月25日星期一

ColorPic 配色與色調選擇器

有時候要配個顏色或看色碼都要開PhotoShop或是FrontPage之類的來看。

現在有另一個選擇 ColorPic, 還內建選擇網頁配色產生器, 自動列出各種色系的配色。

下面的magnify放大, 會隨著滑鼠移動放大圖, 可以方便取出色碼

http://iconico.com/colorpic/

2008年6月20日星期五

Firefox 3 火熱上映

FireFox 3 真的不錯用，覺得多了蠻多不錯的功能。

總之，沒用過的可以先嘗試看看XD

網頁

2010年12月2日 星期四

2010年11月21日 星期日

2010年6月30日 星期三

2009年6月11日 星期四

2009年6月5日 星期五

2009年5月29日 星期五

2009年5月25日 星期一

2008年6月20日 星期五