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

  分享到噗浪!

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

... 繼續閱讀 ...

在 Mac 電腦壓縮的 ZIP 檔案如何正確在 Windows 下解壓縮

  分享到噗浪!

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

... 繼續閱讀 ...

此文章由 will 發表於 2012/5/12 下午 11:46:42

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: 介紹好用工具 | Tips

標籤: , , ,

在 IIS7 新增【中文域名】的網站站台無須先轉換 PunyCode

  分享到噗浪!

有時候知道太多東西也好像不是見好事,像我多年前在幫客戶設定一個〔中文域名〕的時候,就是遇到設定網站前要先將中文域名轉成 PunyCode 才能設定的情況,今天我公司同事由於要替客戶新增一個中文域名的網站,因為他沒設定過,便跑來問我應該如何設定。我就跟他講有 PunyCode 這件事,然而設定完成之後 IIS7 裡的站台完全打不開,而且查不出原因,這才發現原來 IIS7 早已內建支援中文域名,設定的時候無須轉換網址就能正確設定,這件事,還是寫篇文章來提醒大家吧。

... 繼續閱讀 ...

此文章由 will 發表於 2012/5/11 下午 08:12:16

永久連結 | 評論 (1) | 此文章的RSSRSS comment feed |

分類: 系統管理 | IIS

標籤: , , , ,

Windows 8 如何安裝 IIS8 與開啟系統管理工具 (管理主控台)

  分享到噗浪!

剛安裝 Windows 8 的 Web 開發人員一定會有這樣的疑問,那就是在安裝完 IIS8 之後找不到它的管理主控台,想當然的,所有其他原本就該有的系統管理工具也都搜尋不到。事實上這些東西都還在,只是預設被隱藏起來了,本篇文章將逐步講解安裝 IIS8 的過程,以及開啟管理主控台的步驟。

... 繼續閱讀 ...

此文章由 will 發表於 2012/5/10 下午 02:31:12

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: Windows 8 | IIS

標籤: , ,

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

  分享到噗浪!

設計跨瀏覽器網頁經常要在不同瀏覽器版本之間進行微調,調整的地方不一定只有 CSS 樣式,我們有時候會為了避開一些瀏覽器在特定版本下的 JavaScript 臭蟲,也會需要針對不同的瀏覽器版本撰寫不同的程式碼來因應,在這篇文章裡我會介紹各瀏覽器 CSS Hack 技巧以及 IE 條件式註解,幫助各位更輕易的設計出跨瀏覽器網頁。

... 繼續閱讀 ...

Visual Studio 11 新功能介紹:CSS 與 JavaScript 編輯器

  分享到噗浪!

之前在 Visual Studio 2010 中要編寫 CSS 或 JavaScript 不是很方便,充其量只能說是個「文字編輯器」而已,不能被稱為「開發工具」,但這些編輯器在 Visual Studio 11 已經大幅進化,眾多的貼心功能不得不大聲叫好,尤其是 CSS 編輯器改進的幅度最大,就讓我們來看看有哪些增進的好用功能吧。

... 繼續閱讀 ...

此文章由 will 發表於 2012/5/1 下午 02:20:43

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: Visual Studio 11 | Visual Studio | CSS | JavaScript | 心得分享

標籤: , ,

Visual Studio 11 新功能介紹:專案相容性與 HTML 編輯器

  分享到噗浪!

本月 25 日的跨行動裝置網站開發 - 使用 ASP.NET 4.5 Beta & Visual Studio 11 Beta 研討會我針對 Visual Studio 11 Beta 在 HTML5、CSS3 與 JavaScript 的新功能做了許多展示,有鑑於功能強大,我覺得還是有必要專文介紹這些新功能,讓大家更瞭解 Visual Studio 11 新版開發工具到底對 Web 開發人員帶來多少幫助,由於 Visual Studio 11 功能非常多,因此打算以系列文章切分成多篇文章來介紹。

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/30 下午 11:59:00

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: HTML5 | Visual Studio | Visual Studio 11

標籤: ,

Windows 7 內建的〔微軟正黑體〕在顯示粗體文字時需注意

  分享到噗浪!

前幾天我們公司的合作伙伴 EZTABLE 在他們的部落格發佈了一篇〔來用手機訂位吧!〕文章,當介紹到我們公司開發的〔一筵為訂 EZTABLE〕WP7 芒果版 App 時,卻發現我們的「一筵為訂」名稱被拆成了兩段,從畫面上看來會直覺的認為他們在我們 App 名稱中間加上了個「全形空白」,但實際去檢查原始碼又沒有發現空白的存在,到我的噗浪發問才得知,原來是〔微軟正黑體〕在顯示 粗體 時會有特定文字會出現奇怪空白,這還是我第一次遇到這種事。

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/28 下午 03:30:12

永久連結 | 評論 (3) | 此文章的RSSRSS comment feed |

分類: Web

標籤: , , , , ,

如何允許一般使用者設定工作排程器並以批次工作登入執行

  分享到噗浪!

我們有個客戶,他們的伺服器管理在資安方面控管十分嚴格,而且我們廠商也都沒有任何主機的管理者權限,若需要任何特殊的管理權限就必須要讓客戶端的維運人員進行委派設定才能使用,有一次我們需要設定工作排程器(Task Scheduler)定時執行特定的主控台應用程式(Console Applications),當設定完工作排程器之後卻發現無法以背景執行,也代表者使用者登入後就不能登出,不然就無法正常執行,但由於客戶的資安控管嚴格,任何遠端登入的工作階段狀態(Session)停留超過20分鐘就會自動登出,所以我們的主控台應用程式是絕對無法正常運作的,因此我便找出相關的設定方法提供給客戶的維運人員參考。

... 繼續閱讀 ...

影音教學系列:活用 Visual Studio 2010 擴充套件 (共 5 集)

  分享到噗浪!

我覺得要學習開發工具的使用,透過影音的方式觀摩學習應該是再好不過,因此我也經常到國外網站學習外國人使用工具的方式。前陣子替 MSDN 錄製的活用 Visual Studio 2010 擴充套件教學影片終於完成也上線了,我一共的錄製了五集,裡面集結了我最常用也最實用的擴充套件,各位可以看到我如何利用工具提升開發效率,無論 Visual Studio 2010 的新手或老手都可以當作參考,希望對大家有幫助。^_^

... 繼續閱讀 ...

Windows 7 無法建立遠端桌面連線的問題:您的認證無效

  分享到噗浪!

前幾天有個朋友請問幫他查伺服器的問題,由於他購買的是國外的 VPS 虛擬私人伺服器,而該伺服器安裝的作業系統是 Windows Web Server 2008 R2 x64 版,怪的是,任何其他電腦都可以連的上,就只有我的個人電腦 Windows 7 Ultimate x64 怎樣也無法連接到他的伺服器,回應的錯誤訊息是「您的認證無效」,詳細說明是「用來連到 xx.xx.xx.xx 的認證無效。請輸入新的認證。」。我之前可以連接其他數十台伺服器都很正常,沒有連線失敗過,就只有這一台伺服器有這個問題,最後雖然沒有釐清問題發生原因,但我還是找到了解決辦法,以下就針對解決問題的過程做了一些筆記。

... 繼續閱讀 ...

Visual Studio 11 Beta 開發環境選項設定技巧與心得筆記

  分享到噗浪!

最近已經開始使用 Visual Studio 11 來進行開發工作,我個人習慣先熟悉開發工具才開始日常的開發工作,這樣才能做的有效率、寫得很開心,本篇文章就是整理這段時間來發現的好用設定,將開發環境調整到自己最滿意的狀態。

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/21 上午 11:46:30

永久連結 | 評論 (4) | 此文章的RSSRSS comment feed |

分類: Visual Studio | VS2010 Tips

標籤:

Exchange 新增「通訊群組」信箱時預設無法收取外來郵件

  分享到噗浪!

我們公司費時多月開發的 EZTable 24 小時餐廳訂位服務 WP7 芒果版【一筵為訂 EZTABLE】在本月初已成功上架到 Windows 市集,為了強化 App 售後服務 (其實是免費軟體) 所以我在公司內特別設置了一個專屬的 App 服務信箱,使用者若有任何 App 相關建議或問題回報都會自動轉寄給開發人員,讓我們的開發團隊能第一時間掌握使用者問題與需求。但是,這個通訊群組信箱竟然完全無法收到任何一封信,還是透過好心的使用者主動告知我們才發現的,實在有夠糗!以下就是此問題發生的原因與解決辦法 …

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/19 上午 12:50:00

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: 系統管理

標籤: , , , ,

個資保護、Google Hacking 與 robots.txt 的關係與設定技巧

  分享到噗浪!

我想大部分人都應該知道 robots.txt 檔案的功用 (如果不知道可參考我之前的文章),因為 robots.txt 是給網頁爬蟲機器人 (Web Crawler) 看的,搜尋引擎要來抓網站網頁進行索引前,都會「禮貌性」的先抓取 robots.txt 檔案回去分析,若特定 URL 真的允許抓網頁回去才會繼續下載網頁,不過看這個檔案的 人類就不一定這麼有禮貌,讓駭客知道了你「不想被抓的目錄」後,反而讓駭客產生興趣,進而企圖攻擊這些你不想被知道的網頁路徑,所以選擇不將這些路徑放到 robots.txt 定義檔裡,然而,這觀念是正確的嗎?No!!! 請繼續看下去…

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/18 上午 09:55:00

永久連結 | 評論 (4) | 此文章的RSSRSS comment feed |

分類: Security | Web

標籤: , , ,

如何打造符合個資法規的網站系統 — 以 ASP.NET 為例

  分享到噗浪!

為因應個資法的來臨,筆者去年曾投稿資安人電子雜誌關於「個人資料保護法」的文章,主要是站在開發人員的角度進行思考如何打造符合個資法規的網站系統,文章中結合了我近幾年對個資法的瞭解與網站實務開發經驗,明確告知開發人員如何做好自己該做的事,千要不要認為個資法只是一個資安政策,而是你我必須認真看待與面對的日常工作。本文已於今年一月刊載於資安人電子雜誌82期,由於資安人電子雜誌是付費版的電子雜誌,礙於許多開發人員所處公司可能沒有訂閱該雜誌,今日得到資安人電子雜誌的同意,允許我將此文全文轉載於我的部落格,分享給開發人員。如讀者對資安相關議題有興趣,建議也可考慮加入資安人電子雜誌的付費會員,即時獲得最新的資安訊息。

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/17 上午 09:19:46

永久連結 | 評論 (14) | 此文章的RSSRSS comment feed |

分類: Security | ASP.NET

標籤: , ,

如何設定 TortoiseSVN v1.7 整合既有的 Bug Tracker 系統

  分享到噗浪!

三年多前分享過【如何設定 TortoiseSVN 整合 Bug Tracker 系統】文章,如今 TortoiseSVN 也更新了很多次,目前最新版的設定介面跟舊版已經不太一樣,而且設定過程也變的複雜一些,想說還是有必要記錄一下設定的過程,否則設定時可能還是會卡住,以下是設定 TortoiseSVN 結合現有 Mantis Bug Tracker 的心得筆記。

... 繼續閱讀 ...

此文章由 will 發表於 2012/4/16 下午 04:28:28

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: Subversion

標籤: , , , ,

自訂 Word 2010 使用者輸入表單教學 (含影片與心得筆記)

  分享到噗浪!

有些公司裡常用的表單經常到手後一頭霧水,因為有些表單很少用,所以填寫的時候經常會卡住,有時候真的會忘記不知道要填寫什麼,今天心血來潮把 Word 2010 自訂使用者輸入表單的功能研究了一番,還複習了一下好久沒寫的 VBA 程式,真是過癮! 最後我也錄製了一個十分鐘左右的短片,帶大家快速上手設計 Word 2010 使用者輸入表單。

... 繼續閱讀 ...

此文章由 will 發表於 2012/3/31 下午 09:05:57

永久連結 | 評論 (0) | 此文章的RSSRSS comment feed |

分類: Office

標籤: , , , ,

請勿將某些檔案類型的檔案簽入到 Subversion 版本庫 (二版)

  分享到噗浪!

我四年前曾經寫過一篇【請勿將某些檔案類型的檔案簽入到 Subversion 版本庫】文章,不過這幾年下來,每個新人都還是會先犯一次錯,然後才會看到這篇文章,所以我才思考說怎樣才能避免錯誤再次發生,因此這篇文章除了補充這幾年額外新增且應該被忽略簽入的檔案類型外,也提供另一個更加完美的解決方案,透過機碼設定就可以一勞永逸的解決公司內開發人員發生錯誤簽入檔案或目錄的機會。

... 繼續閱讀 ...

此文章由 will 發表於 2012/3/30 上午 10:23:07

永久連結 | 評論 (2) | 此文章的RSSRSS comment feed |

分類: Subversion

標籤: , , ,