網站製作學習誌

PHP

• Handling HTML Strings and Files with the DOM XML Extension in PHP 5

  教你用 PHP5 的 DOM XML 套件來處理 HTML 字串或檔案。

• PHP 5.3: Up to 30% performance win

  PHP 5.3 的運行效能又提升了。

• PHP logging class

  這個簡單好用的 Log 套件拿來給舊專案用還不錯。

• Watch Your POST: Save PHP POST Data as XML

  這個 function 可以幫你把陣列轉換成 xml 格式。

• Reuse Excel business logic with PHPExcel

  可以透過 PHPExcel 讀取 Excel 裡的公式所算出來的值，使得資料能與 Excel 檔案同步。

• foreach在引用时的陷阱

  嚴格來說這個是特性，但還是要注意一下。

• 半透明的装饰模式

  奇怪的方式…這個再研究看看。

Zend Framework

• VIDEO TUTORIAL: SETTING UP AN MVC STRUCTURE WITH THE ZEND FRAMEWORK – PART 1 OF 2

• VIDEO TUTORIAL: SETTING UP AN MVC STRUCTURE WITH THE ZEND FRAMEWORK – PART 2 OF 2

  這兩個影片教你如何建立 ZF 的 MVC 目錄結構。

• Zend_Layout and Zend _View Enhancements Webinar

  這個是 Zend_Layout 與 Zend_View 的影片教學。

• Zend Framework 1.5.1 released

  ZF 1.5.1 釋出，修正一些 Bug 。

• Login and Authentication with Zend Framework

  登入與身份驗證的教學。

CSS

• CSS Love Child

  這個有趣的網站可以讓你將另一個網站的 CSS 套用到其他網站中。

• The only CSS layout you need(?)

  列舉出一些常見的 CSS Layout 方式。可以把它們複製回來當範本。

• Useful tips for writing efficient CSS

  這篇是作者在看完 Top CSS Tips 的心得。

• Links of Interest

  這是例行的 CSS 文章整理。

• Easiest cross-browser CSS min-height

  如何建立跨瀏覽器的 CSS 最小高度與寬度，超簡單…而且很好用。重點在於那個 auto !important ，而且這三個規則的順序不能亂調。

  .foo {
  min-height:100px;
  height:auto !important;
  height:100px; }
  
  .bar {
  min-width:100px;
  width:auto !important;
  width:100px; }

• Nine Techniques for CSS Image Replacement

  舉出 9 種常見的 CSS 影像代替文字的作法。可惜以現代的瀏覽器支援程度來說，沒有一個作法是完美的，我們只好挑一個較為適合的來用。

• Divs instead of tables

  用範例教你如何將舊的 Table 排版方式改用 CSS + Div 排版。

• Content Overlay with CSS

  用 CSS 做出當滑鼠移過後，呈現額外內容的效果。

• Write a well structured CSS file without becoming crazy

  這篇教你如何寫出有結構且好維護的 CSS 碼，值得一看！

• CSS Compatibility and Internet Explorer

  這是微軟 MSDN 提供的 IE 各版本 CSS 相容性一覽。

JavaScript

• Run intense JS without freezing the browser

  因為在頁面初始化時，我們對 HTML 元素繫結了太多事件，造成瀏覽器常有無法回應的狀況。這篇透過 jQuery 教大家如何避免瀏覽器凍住的問題。

• Making a HTML select readonly

  暫時還想不出這個可以用在哪。

• Bouncing Javascript

  教你做出區塊蹦出與收回的效果。

• Javascript Page Slider Roundup

  收集了一堆 Slider 效果。

• A collection is not an array

  請直接參考這篇翻譯： DOM 的集合 (collection) 不等於陣列 (array) 。

jQuery

• jQuery Form and jQuery UI Tabs: Two great tastes that taste great together

  介紹如何整合 jQuery 的 Form 及 UI Tabs 兩個套件。

• Flexigrid

  這個用來做後台列表是很棒的！不僅有分頁，還能調整表格欄位！

• Introducing jqalert – The jQuery-empowered alert() replacement

  很棒的 alert 替代方案。

• MarkItUp Turns Any Textarea into Markup Editor in jQuery by WebAppers

  markItUp 是一個線上編輯器。它能協助你處理一些 Web 常見的語法，像是 HTML 、 CSS 、 BBCode 等等。

• jQuery File Tree

  這個也是好物！這個套件可以協助我們呈現檔案目錄結構。

• 50+ Amazing Jquery Examples- Part1

  這篇收集了很多 jQuery 的套件與特效教學。

• jQuery Tutorials for Designers

  這篇主要是為 Designer 介紹 jQuery 的寫法以及一些常見的特效，並配合圖解來說明所需要的 HTML 結構，強烈推薦！

Web

• 二行代码解决全部网页木马

  我只是想知道像是 Google Map 這樣的外掛 API 怎麼辦？我個人是認為還需要加入白名單的技巧。

Internet

• Best Of March 2008

  Smashing Magazine 照例會收集與推薦的網摘介紹。

Service

• XHTML/CSS Markup Generator

  這個和 Markup Maker 是一樣的，不過語法變化性比較多。主要是透過撰寫簡單的結構，然後快速產生 XHTML/CSS 。

Programming

• Installing Subversion? Just follow this 7 Steps

  Windows 上安裝 Subversion 的方法。

• Design Principles

  常見的五個物件導向設計原則。