網站製作學習誌

剛剛看到一個還不錯的網站：BuiltWith 。

它可以分析包含 JavaScript 、 Server Language 等等技術，同時也會統計目前已查詢過的網站中，這些技術所佔的比重。

舉 CakePHP.org 為例：

Javascript Libraries

• PNG Fix (嗯，很常見)

Frameworks

• PHP (沒錯， PHP 本身也是個 Framework)
• CakePHP (喔，雖然是預料之中，但是這個也能判斷出來還不錯)

Payment Services

• PayPal (是會自己去看貼紙嗎？ XD)

Document Information

• XHTML Transitional (慢慢成為趨勢了)
• Conditional Comments (就是 IE 獨創的條件式註解)
• Cascading Style Sheets (這也很流行)
• Javascript (沒它的話網站就不好玩了)

Encoding

• UTF-8 (這也是趨勢)

另外右邊是 Server 的資訊，CakePHP 用的是 Apache ，這裡就不詳列了。

再來看看 Zend Framework 的官方網站：

Javascript Libraries

• JQuery (嗯，跟我選的一樣)

Frameworks

• ASP.NET (啊，這是什麼碗糕！？ )

再看一下右邊的 Web Server ，是 Apache ！

為什麼 Zend Framework 官方網站會是用 Apache + ASP.NET 搭的呀！？ XD

註：當然這不是什麼奇怪的事，很多網站會利用 HTTP 的 Header 來改掉自己網站輸出的資訊，以免成為惡意程式用在攻擊上的判斷依據。例如我們可以用 X-Powered-By 來設定使用的伺服端技術，而 framework.zend.com 就是改成了 ASP.NET 。只是這也改得太大了吧？

前幾天，好友丫凱參考「從自己的名字看你古代的地位」的規則做出了一個程式版；因為太好玩了，所以我想說幫他改成 AJAX 版。

因為丫凱已經把最困難的核心部份 (音譯查詢) 處理好了，所以我在前端介面的部份處理起來就輕鬆多了。利用 jQuery 搭配 CSS 的組合，再加上從 ajaxload.info 取得的載入動畫，以及我自己製作兩張裝飾圖片，新的介面就誕生了。

在做的過程中，我體驗到了 jQuery 真的是很好用的工具，一些我大概要花兩三天去摸索的效果，它都已經提供讓我們使用了。結果我花在 CSS 排版上的時間還比 AJAX 多，因為光是要把 input:radio 隱藏卻要能動作的部份，足足花了我半個多小時 (有興趣的朋友可以自行研究一下裡面的 CSS) ；不過換句話說，如果大家把 JavaScript 關掉的話還是可以用喔，只是看不到 RadioButton 而已。

網路上的高手真的很多，他們為我們這些 Web 開發者提供了很多便利的工具。只要能善用它們，我想 Web 開發也能變成一種樂趣呢。

今天看到 Neo 老大和朋友提到 MySQL 優化的事情，剛好又在老王那邊看到一個有關 MySQL 優化的 Blog ，特此記之。

網址：MySQL Performance Blog

長久以來， PHP 混亂的函式命名方式一直為人所詬病。像是 to 這個單字，有些函式是用 2 來代替 (如 deg2rad ) ，有些則是用 _to_ (如 image_type_to_mime_type) ，有些則乾脆不寫 (如 decbin ) 。

註：相信各位 PHP 開發者為了這個原因，一定都會在手邊準備一個 PHP 的官方參考手冊。畢竟要記住這種混亂的命名，你的腦袋記憶體容量可能要大於常人。

現在終於有人願意站出來把它統一了，這就是 ogoproject 要做的事情。它提供了一套轉換規則，讓大家在使用或撰寫 PHP 函式時，對函式名稱能有一個統一的規則可循。而且將來也會把相關的轉換程式公開讓大家下載，不必我們自己再做一次。

大家可以先到這裡看看所有 PHP 函式轉換後的名稱，習慣一下這種命名的方式。

更新

看來是雷聲大雨點小，可惜發起者已不見蹤影了。

網址： http://ilia.ws/talks.php

光看完就要花兩三天了~~

我一直把「遵守標準來開發網站」這件事當成是一種樂趣，而今天就在 Jas9 那邊看到了一個好物： Makeup Maker 。

引用 Jas9 的介紹：

利用Markup Maker，網頁設計師可以很方便地輸入網站資訊架構：

1. wrapper
2. header
3. logo
4. search
5. links
6. body
7. entry
8. entry_footer
9. footer

點選「Convert to XHTML」鍵之後， Markup Maker 便會自動生成 CSS 及 HTML 語法，接著只要著手編輯 CSS 控制樣式或填色、製圖，很快就能製作出符合 W3C 標準的網頁，便利度其實一點也不亞於 FrontPage 、 Dreamweaver 。

我在想如果有工具可以把這項工作原理反轉過來，風痕影就不用自己辛苦地去找網頁的結構了。

總之就是讚到一個不行！ XD

開發網站的我一直想試試 IE7 ，又擔心它還不穩定，而且也還不能把 IE6 移除，怎麼辦呢？

在 SimpleBits 看到的 IE7 RC1 in standalone mode 可以讓我們不必移除 IE6 ，卻可以測試 IE7 的功能。

網址： IE7 RC1 in standalone mode

連到上面的網頁後，把畫面拉到頁面中間部份，找到 Download Internet Explorer 7.0 RC1 Standalone Installer ( 428 KB + 14.59 MB for IE7) ，把 IE7S-setup.exe 下載回來安裝即可。

註：安裝好後是英文版本。

不過因為我把系統的 Theme 關掉了，所以看到的 IE7 實在是...有夠醜的...

參考看看吧。

在 Real-Blog::Regular Expression 模擬器 看到的，一個用 AJAX 技術所完成的 Regular Expression 模擬器。

網址：Rex V

用法：

1. 在左方的 PHP PCRE Modifiers 中勾選需要的 Modifier 。
2. 在 Regular Expression 處輸入 Pattern ( 不用包含 delimiter ) 。
3. 在 Replacement string 處輸入要用來取代的字串。
4. 在下方的 Target 處輸入要比對的文字。
5. 當 focus 離開 Target 後，中間的 Matches & Replacements 還有 Matched Groups 就會顯示結果。

這個可以用來練習 PHP 及 JavaScript 的正規表示式，大家多練習一下吧。

等了好久，終於復站了... Orz...

學習 PHP 的好站： Tim Club

我想在軟體界，對專案管理有興趣的朋友們，應該都聽過獨孤木這個名字吧？

獨孤木先生是台灣少數幾位談到專案管理的作者，他的文章都非常生動有趣，而且所提出的論點完全能切中台灣軟體專案的問題根源。

他也出過一本叫做「在公牛身上擠奶」的好書，裡面把專案管理的陋習表露無遺。

獨孤木的 Blog ： phopicking的網路日誌

如果你對專案管理有興趣，卻還沒看過獨孤木的文章，我強烈推薦你一定要去看看。