demoshop

demo, trying to be the best_

身為網頁開發者總是希望網站能夠減肥,因此就會利用【Microsoft Ajax Minifier 將 js 和 css 檔案最小化】或是【Visual Studio 利用 Image Optimizer 套件快速最佳化專案圖片】這種招式來優化,圖片就算了,反正壓縮後看到就是看到了,但是 Javascript 的 Minifier 就不好搞了,全部都糾結在一起所以很難立刻看出結構,以往都需要調整一下才看的到,現在只要你是使用 Firefox 就可以嘗試這個套件囉。
 

IE9 終於 RC 了,相信很多朋友都有安裝使用,如果你是一個網頁開發者或是設計師應該對於市面上各種 Developer Tool 都很熟悉如 Firefox 的 Firebug、Chrome 內建的開發人員工具,但是對於 IE 一直沒有一套好用的 Developer Tool,因此對於 有些一定要使用 IE 來偵錯的頁面感到十分不便,雖然說 IE 8 的時候就已經內建了 Developer Tool 但有些功能還不是很順,也缺少了一些經常需要使用的功能,不過這次的 IE 9 出現後讓我對於 IE 內建的 Developer Tool 大幅改觀,demo 就來介紹一下幾個我覺得在 IE9 版本才加入而且十分好用的功能。

Visual Studio 2010 版提供了一個相當方便的功能【單鍵發行】讓網站開發者只需要花費一次的時間就可以享受到往後的便利,在使用 Visual Studio 2008以前版本想要達到【單鍵發行】需要安裝 Web Deployment Project 既然現在內建了,那就應該是要會用,設定方法已經有很多文章可以搜尋的到了,所以這裡 demo 簡單的介紹 新增的 兩種 Web.Config 內的 Web.Release.config 設定方法(因為我搜尋的時候發現很多人都跳過它不說阿....)

現在的網頁為求效果與美觀,經常性的會有一堆的 CSS 和 JS 檔,如果你有使用一些 JS 套件或是 CSS Framework 那每一個頁面所需要載入的 JS 和 CSS 檔案數量更是可觀,當我們在撰寫 CSS 和 JS 檔的時候往往會因為加強維護性而排版(程式碼)使用了許多的斷行與空白,將這些斷行與空白省下來可以大幅增加網頁載入的速度,但是自己手動排是很辛苦又麻煩的,而 Mircrosoft 有推出一套專門作這件事情的套件名稱為 Microsoft Ajax Minifier 利用 Microsoft Ajax Minifier 可以整合 IDE 環境讓壓縮 CSS 和 JS 檔變成自動執行,這是一件多美好的事情阿。

有些時候我們必須利用圖片來做超連結,如果點下去後不是只接換掉整個網頁(target=_blank)總是會看到一個虛框包住那張圖片,實在是有礙觀瞻,此篇文章就來簡單說明一下如何拿掉這效果。

利用 Java Script 操作瀏覽器的狀態列,是個網頁開發的老招,尤其在IE5.5 ~ IE6 的年代相當風行,近期會這樣設計的人就變少了,尤其 demo 習慣使用 Firefox 來瀏覽網頁,本身就預設不開啟此項功能,導致於 demo 也不可能去對狀態列做什麼事情,但是最近的專案有這需求,就順便找了一下在 Firefox 要怎麼開啟支援「改變狀態列文字」的JS。

之前 demo 有寫過一篇關於 Gravatar 的應用,Gravatar全世界通用的留言圖像因為他的共用性極高,demo還真的滿推薦大家都來去註冊一下的,而現在要介紹的是對於開發人員要怎麼把 Gravatar 應用在自己網站上的方式。

只要你有開發網頁或是網頁程式,我相信你對IE6都會很討厭,它是一個很有主見的瀏覽器不支援一些標準的東西,卻又自己搞出了自己的一套規範,偏偏他又是全球使用人數最高的,所以設計人員和程式人員都有因為這IE6掉過頭髮的經驗,既然大環境不能改變(誰叫IE8下載率還沒衝起來)那我們就來"提醒"使用者快點改變吧。

WEB FORM 是在瀏覽器上執行的應用程式,所以瀏覽器就相當的重要啦,大家都有經驗偉大的微軟每個版本的瀏覽器都有不同的自有函式、自我解讀方式(CSS、JS)偏偏我們的電腦就只能有一個版本的IE,雖然有些工具可以讓你模擬許多核心來執行,但還是差了點什麼,這套IE Collection 讓demo青睞的原因是在安裝的同時他會將很重要的 Developer Tool 也安裝起來了,讓你不會有看到了卻無法分析的窘境。

Web Developer是一套老字號的Firefox套件,雖然不可諱言的他對於程式的偵錯能力很差(因為根本是用火狐狸內建的功能)但是他對於排版的偵錯以及css的偵錯倒是很不錯用,簡單又方便所以這套件也是demo火狐狸的必裝套件之一,在此推薦給有需要作版面偵錯的您。

IETester網頁設計者不可或缺得好工具,不需要在讓IE5678共存了,可以利用分頁標籤的方式,觀看你網站在IE5.5、IE6、IE7、IE8的相容度,擁有自動更新和正體中文介面,設計網站的你,千萬不要錯過了