DHTML

對優化網頁效能有研究的人都知道，首要的任務是盡量減少 HTTP 請求 (http request) 的次數，例如把多個 JavaScript 檔案合併，把多個 CSS 檔案合併，利用 CSS 精靈和合併的小圖示等等，但是很多人都不知道還有一個 data URL 的密技，讓我們直接把圖像的內容崁入網頁裡面，這個密技的官方名稱是 data URI scheme。

甚麼是 data URI scheme？

假設你有以下的圖像：

把它在網頁上顯示出來的標準方法是：

<img src="http://www.hkpug.net/files/images/check.png"/>

這種取得資料的方法稱為 http URI scheme，同樣的效果使用 data URI scheme 可以寫成： ......閱讀全文 >>>

總部設在俄羅斯聖彼得堡的 DHTMLX 公司更新其 dhtmlxSuite 套件，這是一套專業的 Ajax 網頁介面組件，採用開放原碼 GPL 執照，這次主要更新了套件中的「網格」(dhtmlxGrid) 和「樹格」(dhtmlxTreeGrid) 組件，包括了大量的新功能和改進，例如從 JSON 和 JavaScript 陣列載入數據、智能渲染、及分層數據網格的分頁支援，套件亦加入了新的「滑竿」(dhtmlxSlider) 組件。 ......閱讀全文 >>>

SitePoint 發表了一份 HTML 的參考手冊，若果你正在編寫網頁，但不肯定所寫的是否正確的 HTML，這將會是一份很得心應手的參考資料。事實上好的 HTML 參考資料很難求，他們不是像 W3School.com 那樣只有簡單的列表，就是嚴重的不合時宜，SitePoint 這一份資料顯然下了不少功夫。 ......閱讀全文 >>>

Cute Editor for PHP 新推出了 6.0 版本，這是一個「所見即所得」（WYSIWYG）的線上 HTML 編輯器，PHP 應用開發人員可以藉著它把傳統的 HTML textarea 換成一個功能強大的所見即所得內容編輯器，這個編輯器可以在多種瀏覽器上運行，包括 IE、Firefox、Mozilla、Netscape、和 Safari，在無數免費的線上 WYSIWYG 編輯器可供下載的情況下，以港幣一千元購買這個編輯器是否值得呢？ ......閱讀全文 >>>

網上有很多圖像處理、相簿管理的網上應用系統，容許我們把大圖像裁剪為較小的圖像，但是用戶必須輸入裁剪框的座標和大小，對一般人來說顯然十分困難，Dave Dash 在 Spindrop 發表了一篇教學文件，指導我們怎樣利用 DHTML（JavaScript + CSS + HTML）來製作一個靈活易用的圖像裁剪介面。

在學習前不防先看看 Dave 的示範。

......閱讀全文 >>>

你有想像過單純用 JavaScript 和 DOM 便可以製作立體透視圖甚至動畫？James Edwards 在 Dynamic 3D with CSS and the DOM 中教導我們這方面的技巧。

......閱讀全文 >>>

自從有了 JavaScript、CSS、DOM Scripting 等技術，無數網頁開發人員便費盡心思希望在 HTML 規範之外製作互動性更強的網頁，但有時這種努力換來的卻是一個無聊可笑的頁面。

Alex Walker 在 SitePoint 發表了一篇網誌，舉出了有名的 Art.com 藝術畫作銷售網站，這個網站經銷超過 30 萬幅畫作，網站的設計也非常專業，流暢明快的風格足以比美 Flickr。 ......閱讀全文 >>>