2009年7月10日 星期五

提升Axure RP火力強度的擴充元件,讓開發prototype更優雅、更迅捷

 

1. 首先先連到Axure RP的官網

image

2. 選取想下載的擴充元件

image

3. 下載好之後打開Axure RP軟體

image

4. 選取左邊中間Widgets下的Wireframe,如下圖所示

1

5. 選取Load library…

2

6. 選取想載入的擴充元件

3

7. 載入完成即可看到該元件組出現在下拉選單上

4

8. 享用擴充元件帶來的優雅與方便性吧 ^^

 

 

2009年7月6日 星期一

Pingdom Tools,找出網站開啟速度的瓶頸!

 

image

 

從「宅科技」網站看到一個蠻好用的網站 Pingdom Tools

是用來檢測網站每個元件從載入到呈現所花費的時間

可以讓網站設計師以及程式設計師用來確認

是哪些原件拖慢了整個網站的回應速度

 

很多時候

個人或企業之所以沒有辦法改善自己的缺點

很多時候是明明知道表現不好

可是卻不知道是哪裡出了問題

不知道在哪個環節出了問題

自然想改也就沒有著力點

事倍功半了.....

 

網站設計也是如此

很多時候我們知道網站變慢了

如果照以前土法煉鋼的方法

大概就是把一個一個的元件暫時關閉

再重新顯示

看看網站開啟速度有沒有很大的改變

這實在不是個有效率的好方法

 

Pingdom Tools可以顯示該頁面在顯示時

每個檔案的載入速度、網址、大小

一目了然就可以知道問題出在哪個地方

是網頁設計師應該納入工具箱的網站 smile_regular

 

網頁設計師的好幫手,讓你一次在N種瀏覽器看到自己設計的網頁效果

 

由於這兩天blog出了點小狀況

請朋友幫忙看blog顯示是否正常時

有位朋友提供了一個很棒的免費網站

可以讓網站設計師輸入自己的網址

選取想觀看的瀏覽器類型以及版本

幾分鐘之後就可以看到各種瀏覽器顯示的縮圖

方便網頁設計師快速檢查呈現的效果是不是需要調整

 

不過這裡有個很可惜的地方

好像沒有把IE這套瀏覽器也放上去

不知道是不是作者認為IE太多人用了

應該網頁設計師自己也有一套

所以就沒放上來

這就不得而知了

不過這並不減損這個網站的便利性

 

下面簡單的介紹使用方法:

1. 在網址列輸入http://browsershots.org/

    顯示以下畫面

image

2. 在中間Enter URL Here貼上想呈現的網址

3. 勾選你想測試的瀏覽器種類以及版本

4. 在最下面也可以選擇想測試的螢幕解析度、色彩位元組以及

    Javascript、Java、Flash的版本

5. 都選好了之後,按下submit

6. 大約1~5分鐘就可以看到各種瀏覽器所呈現出來的效果

image

每個縮圖都可以點選放大,最大可以放大到整個螢幕!

 

怪怪的blogger

昨天用自己的帳號幫家人申請一個新的Blog
結果變成自己的版面出問題:(
原本右下角很漂亮的框線
出現到一半就不見了@@


image
用IE8會出現這個狀況
可是firefox卻是正常顯示

image

問過幾位朋友
他們看到的也是正常的


不過
不知道為什麼
我的IE8還是殘缺的畫面......


各位有來blog的朋友們
如果你們看到我的網站
幫我留言一下
看你們看到的網站是不是正常的
甘溫啊~~~~~~

Related Posts with Thumbnails
by TemplatesForYou-TFY
SoSuechtig