Google 推出的網站: 學習關於 瀏覽器 和 Web 的 20件事

Google 推出線上電子書, 整個網頁都是用 HTML5 製作, 還可以離線瀏覽. (註: 需要瀏覽器支援)

"學會 瀏覽器 和 Web 的20件事", 介紹於網路業界需要知道的常識.

每本開頭都有豐富的圖畫搭配, 看起來好像很有趣, 讓人至少有先翻個幾頁的欲望. 😛

這個主要也算是推廣 HTML5 的網站, 整個看起來就像 Flash 一樣, 翻頁特效等等, 都做的很棒, 可以參考看看.

閱讀全文〈Google 推出的網站: 學習關於 瀏覽器 和 Web 的 20件事〉

使用 Chrome 抓取網路封包

使用 Google Chrome 來抓取封包, 使用方式很簡單, 只要打開瀏覽器, 於網址列輸入下述即可看見:

chrome://net-internals/

輸入 chrome://net-internals/#requests, HTTP request header 和 response header 都可以很清楚的看到, 也可以看到 DNS cache 的狀況, 以及 DNS 對應到的 IP 等資訊.

閱讀全文〈使用 Chrome 抓取網路封包〉

解決 Pidgin MSN 無法登入的問題 (無法驗證憑證) 於 Ubuntu 10.10

昨天在用 Ubuntu Linux 的 Pidgin 上 MSN, 就一直出現下述訊息:

無法驗證憑證(Unable to validate certificate)
無法驗證 omega.contacts.msn.com 的憑證。 這張憑證所出示的憑證鍊是無效的。

閱讀全文〈解決 Pidgin MSN 無法登入的問題 (無法驗證憑證) 於 Ubuntu 10.10〉

好站: 快速分享 Website 資訊、重點筆記的工具 - MarkUp.io

之前使用 Bounce 來做網站得資訊溝通工具, 詳見: 好站: 快速分享 Website 資訊的工具 - Bounce

Bounce 得作法是把頁面抓成圖片, 然後在隨意編修, 再去做分享.

而 MarkUp.io 得作法更簡單, 把頁面在自己得 Server 存一份, 然後在上面蓋上一層大家畫得筆記, 就可以做分享紀錄, 使用起來也很方便, 可以挑自己喜歡得來用. 🙂

閱讀全文〈好站: 快速分享 Website 資訊、重點筆記的工具 - MarkUp.io〉

JavaScript 混淆器(混亂器、加密)

JavaScript 的程式於頁面可以一覽無遺, 通常都是把 JavaScript code 抓下來, 最多加上 Formatter 就可以開始看(註: 某些 Compiler 會將變數名字取成短名字, 但是, 只要把那些變數名字猜出來, 還是不會太難)

Java 也有遇到同樣的問題 (將 Java 的 *.class decompile, 出來的 code 有些比原來排得還漂亮. XD), 於是就有 Java 的 Obfuscator(混淆器) 出現, 讓程式被 Decompile 後, 看起來是混亂成一團, 很難理解.

那 JavaScript 是否也有 混淆器 可以用呢?

閱讀全文〈JavaScript 混淆器(混亂器、加密)〉

CSS 對於 Float 的 clear:both 無效的解法 - 2010

2008 年寫得: 修正 CSS 對於 float 區塊, 使用 clear:both 無效的解法, 目前為止是沒有遇到什麼問題.

不過, 在今年看到此篇: Best Cross-browser CSS Clearfix solution, 跟上述那篇比對起來, 參數多增加了幾個, 到底有何差異, 就不細究了~ 直接用就對了. XD

閱讀全文〈CSS 對於 Float 的 clear:both 無效的解法 - 2010〉