網站製作學習誌

一下子從朋友那邊看到太多 Web Standard 的好文…如果不趁晚上寫一寫，我怕週末會沒時間玩電動…

Web

以下是從 JunChen 那邊看來的，都是很實用的技術：

• (X)HTML Strict 下的嵌套规则

  這張圖好用呀！

• alt属性和title属性

  很多 Web 開發者常會誤用的兩個屬性。

• BUTTON和INPUT

  以前都不知道有 button 可以這樣用？以後可以多試試。

• HTML默认的CSS样式

  這跟 Eric 大師的 reset.css 不太一樣，主要是 W3C 所建議的瀏覽器預設樣式。

• Transitional vs. Strict Markup

  傳統好男人就用 Transitional ，有個性的酷哥就用 Strict ！

• W3C工作流程

  真嚴格…可是也真的很慢…。

• web设计与开发常见错误

• 语义一致与合理命名，及常见错误

  有志於 Web 開發的朋友，這兩篇一定要看呀！免得寫出去的 HTML code 慘不忍睹。

• 标准化——表格

  表格不是不準用！而是應該用在對的地方！喜歡用表格排版的朋友，一定要從本文建立起正確使用表格的觀念！

• 被人遗忘的html tags

  話說 dl dt dd 這三個標籤，每次都讓我搞不清楚哪個要包哪個。

• 语义化——表单

  表單不是視覺上 OK 就好，好不好用也很重要！

以下脫離 JunChen 的結界：

• Content negotiation

  XHTML 的 mime-type 標準應為為 application/xhtml+xml ，不過目前還是有瀏覽器不支援 (如 IE6) 。本文利用伺服端技術來偵測瀏覽器對 XHTML 的支援程度，以輸出適合的 mime-type 。

• Flash Debug Tool – FlashTracer

  有在寫 Flash 的朋友應該會很常用。

• Tips For Creating Great Web Forms

  看人家做的表單，一整個就是好用…後面有介紹相關的表單產生器，可以試試看。

• "Click to Activate" ActiveX Controls Going Bye-Bye from IE

  微軟要在 Vista SP1 和 XP SP3 上，把 IE 那個「點一下才能用」的限制拿掉了…這是順應潮流還是被罵到臭頭才做的決定呀？

• 翻译：On having layout

  原來 IE 上的一堆 Bug 就是這個屬性在做祟。

• Wanted: Your 404 Error Pages 錯誤頁面範本收集

  別在用 Web Server 預設提供的「找不到頁面」了！

• CSS Table Gallery 表格 CSS 範本收集

  CSS Table Gallery 收集了一堆表格的樣式，有些還不錯看。

• htmlSQL

  很有趣的技術，不過我還是覺得 jQuery 的 Selector 好用點。

• HTML5 Media Support

  真可怕， HTML 5 簡直是包山包海。不過為了應付越來越多樣化的 Web 媒體，我想這樣的便利性也是不可或缺的。

PHP

• How I PHP: The Output Handler

  不錯的 Output Handler 應用技巧，可以在輸出前做一些調整。

• Gathering practical experience with namespaces

  看來舊程式要轉到有 namespaces 的環境下開發還是有點小麻煩，我想有機會的話，還是以新專案為主好了。

• phpmsnclass v1.8

  好東西呀！丫凱就有用它來寫 MSN Twitter 。

• Xdebug 2.0.2

  Xdebug 最近比較有在維護了。

• Image fun with PHP – part 2

  PHP5 的 GD 有提供一個 imagefilter() 函式，可以做出灰階、亮度、對比、浮雕等等濾鏡技術。

• XPPubWiz.php

  這個放在我書籤裡很久了，最近看到 elleryq 介紹才又想起來。主要是利用 XP 的檔案總管來批次上傳檔案 (一般是照片) ，像無名小站也有用到相同的技術。

• Generating and Validating Web Forms With PEAR HTML_QuickForm

  我還滿喜歡 QuickForm 的概念，不過我不太喜歡它把驗證和表單放在同一個 Libray ，沒辦法拆開來用。之後我想我會改用 Zend Framework 來實作類似的概念。

• PHP and Solaris: getcwd() Behavior

  沒在用 Solaris ，不過記一下以備不時之需。

• ip2long, 32-bit/64-bit

  介紹 PHP 在 64bits 作業系統上執行時，在 ip2long 回傳值上的不同。

CSS

• Centering (horizontally and vertically) an image in a box

  介紹如何在浮動列表中，把圖像置中對齊，這在商品展示頁裡常會用到。 Ate 也參考了此文，提出了他的做法： vertical-align 的 CSS 解決方法 。

• Disabling Deprecated HTML Using CSS

  把已經被建議廢除的 HTML 標籤，用 CSS 來關閉它們的視覺效果。至於為什麼？我請宗董來為我們開示。

• Using multiple classes within selectors

  雖然主題是介紹 multiple classes ，但是我怎麼覺得重點是在講選單怎麼做呀？但也是不錯的教學就是了。

• 不推薦使用的CSS Hack

  Ate 看來也是個研究 CSS 的高手，他的 Blog 上有很多文章值得一讀。

JavaScript

• jQuery: jQuery 1.2 Cheat Sheet

  我已經印一張放在桌子旁邊看了。

• JQuery and BlockUI

  CrazyLion 用 jQuery 和 blockUI 做的樂透號碼製造機，目前看起來像是 Firefox 在 setTimeout 上的實作問題。

• JavaScript Utility

  看 CrazyLion 的介紹，還不錯的樣子。

SQL

• Choosing Optimal MySQL Data Types

  如果覺得硬碟不夠用的話，那麼為你的資料選一個適合的儲存格式是很重要的，尤其是那種一天破萬筆的數據；本文用淺顯的文句，分析了一些常用格式的結構讓大家自行斟酌使用，是一篇不可多得的好文。

Programming

• svn and case-insentive file systems

  在 Linux 下， Subversion 對檔名大小寫是非常敏感的！我也遇過同樣的問題。

• BOM BOM BOM

  本文對 BOM 的來龍去脈做了一個詳細的介紹。

• Rainbow Hash Table 與密碼破解

  就是把算完的結果放起來比對，就看誰算得多了；所以密碼還是取越怪越好，還有別讓駭客輕易取得你的資料庫檔案！