The Will Will Web

記載著 Will 在網路世界的學習心得與技術分享

介紹好用工具:RWD Bookmarklet (測試行動版網站的利器)

前陣子在 Tech‧Days Taiwan 2012 演講【使用 HTML5 打造友善網頁】這個主題,課程中提到幾個不錯的 RWD (Responsive Web Design) 書籤工具,可以很方便的快速切換網頁裡可顯示的網頁範圍,以便測試你的網頁在不同視窗大小之下如何顯示。這幾套 RWD 書籤工具厲害的地方在於完全以 JavaScript 寫成並能跨瀏覽器執行,所以不管你用甚麼瀏覽器都可以使用,讓你不用安裝任何瀏覽器外掛或擴充功能就能使用。

... 繼續閱讀 ...

Windows 8 小工具: 自製【關機】功能到 WinX 進階功能選單

不管你是新手還是老手,相信大家第一次用 Windows 8 的時候第一個先遇到的困難就是找不到關機功能,我上次在 尋找電腦3C達人體驗Windows 8 ~ Mobile01體驗會 分享 Windows 8 使用經驗時也有提到或許我可以弄一個關機功能給大家下載,想來想去還是把關機功能做在 WinX 進階功能選單裡,這裡也許對新手來說不是很好找,不過看過這篇文章應該不會忘記才對,我覺得放在這裡還蠻不錯的!

... 繼續閱讀 ...

介紹好用工具:Compat Inspector ( 驗證網頁在 IE 的相容性 )

我在前天 2012 微軟開發者大會 (2012 Microsoft Developer Day) 演講的主題是 HTML5 開發技術於 WIN8 及 IE10 上的應用,為此演講我準備了不少內容,總覺準備的剛剛好,而且覺得少講一點都不行,前一天在公司內部排練 (Rehearsal) 時講了 90 分鐘左右才講完,但此次演講只有 50 分鐘而已,因此必須刪除部分內容才能準時講完,而刪除的內容就是很棒的 Compat Inspector 工具,因為我覺得這工具寫成文章比現場演說來的容易學習,就來看看這個神奇的工具如何檢測你的現有網站吧。

... 繼續閱讀 ...

網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (3)

網站建置的過程中一定會不斷的打開瀏覽器測試,先測試完常用的瀏覽器,然後再測另一個瀏覽器,就這樣測試、修改、測試、修改的循環,說實在也挺累人的,無奈瀏覽器種類跟版本又是出奇的多,話說白了,網站建置根本不是「人」能做的工作,所以我們一定需要一些幫助我們測試網頁在各瀏覽器呈現的工具,本次文章主要會介紹幾款免費與付費的跨瀏覽器測試工具,幫助網頁設計人員完成繁複且困難的測試工作。

... 繼續閱讀 ...

在 Mac 電腦壓縮含有中文檔名的 ZIP 檔案如何正確在 Windows 下解壓縮

我們公司合作的網頁設計師使用的 Mac 電腦不是 MBP (MacBook Pro) 就是 MBA (MacBook Air),有些已經很習慣用 Dropbox 交換檔案,不過還是有些設計師並沒有在用,而會直接透過壓縮檔的方式當成附件寄出,在 Mac 電腦裡內建的壓縮格式為十分常見的 ZIP 檔案格式,但是有個問題卻一直困擾著我,那就是他們在 Mac 電腦上壓縮過的 ZIP 檔案跟 Windows 常見的壓縮編碼不相容,如果壓縮檔裡的檔案檔名含有任何非英文的字元(例如中文檔名),解壓縮時就會發生嚴重的亂碼問題,直到這幾天我才找到解決方法。

... 繼續閱讀 ...

CollabNet Subversion Edge 安裝筆記 (4):自訂版本庫範本

昨天在研究 CollabNet Subversion Edge 如何自訂版本庫範本 (Repository Template),照著介面來設定、查了線上文件,其中有種範本的格式文件都說支援,但我怎樣設定就是不成功,雖然最後找到官方論壇有解決方法,但不是很方便,我便利用 WinMerge 找出真正無法設定成功的主因,特此筆記一下。

... 繼續閱讀 ...

介紹好用工具:Log Parser Lizard GUI (最佳視覺化 LP 工具)

三年半前我曾經介紹過一個 Log Parser 分析工具,透過這套工具可以分析各式各樣的紀錄來源,分析的資料來源可以是 IIS Logs、檔案與目錄資訊、Windows 事件紀錄、Windows 機碼、Active Directory 物件、ETW traces、還能分析 NetMon .cap 擷取資料。但 Log Parser 眾所皆知的問題就是缺乏 GUI 操作介面,也因此我之前也介紹過另一套 Visual Log Parser 視覺化查詢工具,但此工具已經年久失修,在實務上並不夠好用。今天要介紹的是由 Lizard Labs 所研發出來的 Log Parser Lizard GUI 工具,他在工具中結合常用的查詢語法更能適用於實務上快速查詢的需求,實在是個不得不介紹的好工具。

... 繼續閱讀 ...

CollabNet Subversion Edge 安裝筆記 (1):基本安裝設定篇

今天花了好多時間把 CollabNet Subversion Edge 給安裝起來,龜毛的我當然不甘於「基本安裝」,還連同「整合 AD 網域環境」與「安裝 SSL 憑證」(並非自簽憑證) 也都一併安裝成功,不過這過程實在有艱苦到,且有點小複雜,因此我打算切割成三篇文章,並仔細的把所有安裝步驟記錄下來,我們就先從「基本安裝設定」開始吧。

... 繼續閱讀 ...

在 Windows 架設 Redmine 專案管理平台的安裝設定筆記

Redmine 是一套 Web 介面的專案管理平台,經同事推薦便試著安裝起來試試,試用的過程由於能夠與 Subversion 完美結合,所以看起來很能夠彌補公司裡 SVN 專案缺乏專案控管與議題追蹤的問題,由於 Redmine 安裝步驟有些麻煩,所以不得不將完整的安裝過程做個筆記,這樣才能確保下次重裝的時候能夠按圖施工、保證成功。

... 繼續閱讀 ...