Web | The Will Will Web

The Will Will Web

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

2011 微軟開發者大會:Migrate to HTML5

今天是 2011 微軟開發者大會 的日子,我主講 Migrate to HTML5 這個主題,前陣子也做過幾個 HTML5 的專案,當時濛濛懂懂的亂做一通,不知道有那麼多好東西、好工具可用,但因為這次演講我收集了不少資料,也看了幾本 HTML5 的書與 W3C 部分規格內容,而最近 Visual Studio 2010 又推出了個 Web Standards Update for Microsoft Visual Studio 2010 SP1 擴充套件,許多經驗還真的都很自然的連結在一起,這感覺真不錯。備註:一般來說我的演講行程都會公告在 Will 保哥的技術交流中心的 Facebook★★★ Will 保哥的噗浪 ★★★ 上,有興趣的人可以在上面按個讚或按個追蹤。

... 繼續閱讀 ...

介紹好用 Visual Studio 2010 擴充套件:Web Standards Update for Microsoft Visual Studio 2010 SP1

http://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/HTML5-logo.svg/160px-HTML5-logo.svg.pngHTML5 雖然還在草案階段,不過 HTML5 這名詞實在越來越熱,熱到連不熟網路技術的客戶都指明要求網站要用 HTML5 來製作,是有沒有這麼誇張?這件事還真的發生了!HTML5 除了新增的元素(標籤)之外,還包括許多 JavaScript API,如果沒有 Intellisense 還真的不太方便,如果你已經升級到 Visual Studio 2010 SP1 的話,那已經有支援部分 HTML5 的語法,不過並不夠完整,微軟最近推出的 Web Standards Update for Microsoft Visual Studio 2010 SP1 擴充套件就是打算用來定期提供 Visual Studio 2010 SP1 最新版的 Web 標準更新,未來預計每三個月就會更新一次 W3C 提出的相關規格變更。

... 繼續閱讀 ...

如何讓 Firefox 瀏覽器自動啟用整合式 Windows 驗證

一般在公司內部的 Web 應用程式若採用 Windows 驗證方式,一般都會採用 Internet Explorer 瀏覽器來瀏覽網站,不過若有使用者要用 Mozilla Firefox 的話,預設是沒辦法自動啟用 Windows 驗證的,我想 Firefox 應該是基於某種安全性考量才預設關閉 Windows 驗證,若想讓 Firefox 自動啟用 Windows 驗證可以考慮本篇文章的教學說明。

... 繼續閱讀 ...

利用 WebMatrix 打造低成本高效益的完美網站 (簡報檔下載)

今天有堂打造低成本高效益的完美網站的演講,課堂中介紹了微軟的新一代安裝工具 Web Platform Installer 以及微軟的新一代架站工具 Microsoft WebMatrix 等,這次的演講內容中 WebMatrix 對我來說也是新的,但這次準備的還算充分,我覺得有把最核心、最重要的工具價值講到,會後還有學員跑來跟我說他看到我花兩分鐘安裝好 WordPress 感動到快哭了,呵呵!  ^__^

... 繼續閱讀 ...

jQuery 取得表單資料、單選 Radio 與多選 Checkbox 的方法

透過 jQuery 取得 HTML 表單資料其實不難,但每次遇到要取得 Radio 單選選項的選取值與 Checkbox 多選的選取值都要花些時間查詢取值的方法,網路上能搜尋到的方法也大多是舊版 jQuery 的語法已經不適用了,因此特別撰文筆記一下,也順便把取得各式 HTML 表單欄位的方法做個整理。

... 繼續閱讀 ...

使用IE9釘選的網站捷徑 (Pinned Site Shortcut) 提升用戶體驗

IE9 內建的 釘選的網站捷徑 (Pinned Site Shortcut) 拉近了網站與 Windows 7 桌面互動的能力,經過妥善的規劃與設計也能進一步提升網站整體的用戶體驗,我之前的【IE9 新功能探索:網頁釘選(Pinning)與捷徑清單(Jump Lists)】文章介紹了 IE9 網頁釘選與捷徑清單的能力,不過當時只有講到如何定義基本的工作捷徑而已,今天我要來介紹如何使用自訂類別與捷徑,另外也有實例讓各位體驗一下這功能是否真的好用。

... 繼續閱讀 ...

使用 IE9 釘選的網站捷徑 (Pinned Site Shortcut) 提升安全性

上週有同事跑來問我說 IE9 是不是有 Bug,他家裡的電腦都沒辦法連接 不安全的 HTTPS 網站,一般來說我們瀏覽到一些使用 自簽憑證 (self signed certificate) 的網站都一定會看到 IE9 提示說「此網站的安全性憑證有問題」,而且通常也都會有「繼續瀏覽此網站 (不建議)」的選項可以用,但是在他家裡的電腦怎麼會沒有這個按鈕可以點選呢?我直覺是認為不可能有此問題,由於當下沒圖沒真像,所以我請他給我他電腦的畫面再進一步判斷,今天他寄給我畫面了,不到 5 秒便真相大白!小朋友,叔叔是有練過的 XD

... 繼續閱讀 ...

善用 JavaScript 的 debugger 指令讓網頁主動進入中斷點

在我們日常開發的工作裡經常會使用 Visual Studio 對 ASP.NET 進行偵錯,不過都是針對在伺服器端的程式進行偵錯,如果要對前端 (Browser) 的 JavaScript 進行偵錯,就可以利用今天打算介紹的這個開發技巧讓已經開啟指令碼偵錯工具的網頁直接進入中斷點,或是強迫網頁啟動偵錯工具利用 Visual Studio 來對網頁進行偵錯,如此一來就能夠輕易的在前端快樂的遊走每一行 JavaScript 程式碼。

... 繼續閱讀 ...

邊做邊學 Internet Explorer 8:深入 IE8 開發人員工具 (錄影)

Internet Explorer 8 對開發人員來說最棒的禮物就是內建的 IE 開發人員工具,因為以往在 IE 瀏覽器下要對整份網頁進行分析與偵錯極為不方便,從 IE8 開始無論是分析 HTML、CSS、JavaScript 都變的非常容易,在這個短小精幹的 IE8 開發人員工具裡隱藏了許多不為人知的好用功能,讓我們來看看葫蘆裡到底在賣些什麼藥吧。

... 繼續閱讀 ...

如何在 node.js 執行 UglifyJS 對 JavaScript 進行壓縮或美化

前一篇文章我介紹了如何在 Cygwin 環境下安裝 node.js,我的原始目的只是為了要能正常執行 UglifyJS 而已,原本想說在 node.js 寫的程式都是 JavaScript 應該不會有什麼問題吧,結果是目前版本的 UglifyJS 還有點小問題導致無法正常執行,解決方式也很簡單,以下是 UglifyJS 的安裝與使用說明。

... 繼續閱讀 ...

如何在 Windows 作業系統安裝 Node.js 執行環境 (Cygwin)

由於 jQuery 1.5 在前幾天釋出正式版,我從 Release Notes 中發現 jQuery Team 這次改用 UglifyJS 對整個 jQuery 原始碼進行編譯 (其實是將 JS 最小化)(原本是使用 Google Closure Compiler ),但 UglifyJS 只能執行在 NodeJS 執行環境下,原本 NodeJS 只能跑在 Linux 環境下,還好從  node.js v0.2 版之後就開始支援在 Windows 環境下執行,以下是設立 NodeJS 執行環境的流程。

... 繼續閱讀 ...

邊做邊學 Internet Explorer 8:瞭解 IE8 相容性技術 (錄影)

我相信所有 Web 開發人員與網頁設計師都對瀏覽器的相容性十分頭痛,除了不同瀏覽器版本難以掌控外,就連 Internet Explorer 瀏覽器各版本的相容性也一樣難以掌握,不過從 Internet Explorer 8 開始就針對各版本之間的相容性做出了許多強化,因此在本次的邊做邊學系列中將會詳述 Internet Explorer 8 到底內建了多少與相容性相關的技術,而開發人員又應如何利用這些特性協助我們開發出高相容性的網頁。

... 繼續閱讀 ...