網站製作學習誌

人氣不是我建立這個部落格的重點，我只是希望來這裡的朋友能和我一樣能學到東西。

所以再強調一次：我這個壞人只會和「有自己動腦去想過，有自己動手去做過」的同好一起討論問題；那些只是要結果的網友們，請你們去有愛心的地方找食物吧。

當然打屁聊天也是歡迎啦~

PHP

• Force A Secure Page Using PHP

  強迫網頁一定要用 SSL 瀏覽。

  if($_SERVER['SERVER_PORT'] != '443') { header('Location: https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); exit(); }

• PHP Token(令牌)设计

  有點隱式驗證的味道 (圖片驗證我個人稱為顯式驗證) ，想法滿值得參考的。

• 10 tools for Modern PHP Development

  10 個滿值得一用的 PHP 開發工具。 Xdebug, ZF, Subversion 是我目前正在使用的， PHPUnit 及 Selenium 是我下一個目標；石頭成有寫一篇關於 Selenium Core 的文章：「以 Apache proxy 與 rewrite modules 解決 Selenium Core 的運行限制」。

Zend Framework

• Official ZF QuickStart

  隨著 ZF 1.5 所推出的官方快速入門，還不錯！

• Zend Framework Video Tutorials

  英聽還不錯的朋友可以看看這三篇影像教學。

• Migrating to Zend Framework: Legacy Scripts

  將現有的 PHP 程式遷移到用 ZF 開發的程式中，以便利用 ZF 的 MVC 特性。

• Using Zend_View Placeholders to Your Advantage

  我個人覺得 ZF 1.5 的 Zend_Layout 和 placeholder 不是很好用，要處理的東西太多。

JavaScript

• Dealing with Large Data in Ajax

  這篇列出很一些如何處理大量 Ajax 數據時要如何分頁的方法，像是 Scrolling Pagination 等。

• XHTMLJS: New Javascript XHTML editor

  這個 JS 套件能幫你將沒有結構化的 HTML 轉換成有結構化的 XHTML 。

• Simple JavaScript Inheritance

  jQuery 的作者 John 教你建立一個簡單的 Class 類別，以包裝 JavaScript 繼承的動作。

• Simple Fade Animation

  教你用 JS 做出淡入淡出的動畫效果。

CSS

• Clean Tab Bar Digg-like using CSS

  這篇 Tab 教學最棒的地方是透過圖解來告訴你 HTML Tag 會在哪個位置。

• Perfect pagination style using CSS

  這篇分頁樣式的教學也不錯，可以搭配我先前介紹的「多種分頁樣式範例」一起看。

• Firefox2中輸入框丟失光標bug

  這個問題我之前也遇到過，但一直不曉得為什麼。原來是因為 overflow:auto 的關係；而解決竟然也是再包一層 overflow:auto 。真是成也蕭何、敗也蕭何。

Internet

Service

• IzzyMenu.com – Create Professional CSS / DHTML Menu Online for Free

  免費的線上選單生成器。 (寫這篇摘要的時候好像掛點了。)

Web

• http-headers-status.gif

  好物呀！之前我一直記不得也搞不清 HTTP 那些回應數字的區別，這張圖真是幫了大忙。

• ASP、PHP 網頁控制備忘

  其實上一頁還是有用，只是會被切換回來。

• Google AJAX Language API – Google Code

  Google 推出翻譯用的 API 了。

Browser

• IE8b1 tests and more CSS tests

  這張表很棒喔，列出了大部份主瀏覽器對一些較不常見 CSS 的屬性的支援程度。

• Making ‘IE6-friendly’ PNG8 Images

  PNG8 雖然也被 IE6 支援，但和 GIF 一樣沒有 Alpah 透明；這篇主要是用背景色做為邊框的技巧來避免毛邊的問題。

Design

• Adobe Fireworks Tutorials and Downloads

  我對 Photoshop 不是很在行，所以我改用 FirefoxFireworks 來處理圖片，因為 FirefoxFireworks的操作對我來說比較直覺。這篇裡面整理的教學所做出來的效果都很棒，有機會我也來試試看。

  字打得太順了，把 Fireworks 打成 Firefox …Orz (感謝 Neo 指正)

HTML

• HTML5中 b 和 i 標籤將語義化

  還是看不出來有哪裡不一樣，我個人覺得 b 和 i 實在是呈現不出什麼語意，還是說它們要搭配 class 來用？希望有對 HTML5 比較有研究的高手能為我解惑。

Programming

• 13 Tips to Comment Your Code

  教你如何寫註解，讓它們既有意義，又很美觀 (程式碼看起來會讓人很舒服) 。我滿推薦其中一條： Comment code while writing it ；也就是先以註解將目的寫下來，然後再完成程式碼。

• Best practise when handling tags and branches (using subversion)

  善用 Subversion 的分支來管理你的程式碼。一般 branches 是放置開發中版本，而 tags 則是在放置某個已經釋出而不再變動的版本。

• Making Document: Make a Database Schema SQL from StarUML's Class Diagrams

  還不錯的想法，反過來透過視覺化的 UML 工具來產生資料庫 Schema 。也許這個小程式將它改良一下就能變成支援多資料庫系統的工具了，有空來試試看好了 (首先應該會是 MySQL) 。