網站製作學習誌

我們公司快變魔術研習營了。

PHP

• Perfect PHP Pagination

  其實只要資料有分頁的需求，那麼就要讓它們能被分頁，不管它們是陣列還是資料表。這篇文章用到的分頁類別，建議有要做分頁的朋友可以參考看看。

• XSRF and session.referer_check

  透過 session.referer_check 設定，來防止 XSRF 攻擊；不過作者說，可以的話還是修正你的程式比較好。

• Faking the unexpected

  就是告訴你不要相信任何用戶端傳來的資訊啦，因為裡面也可能被放置 XSS 攻擊程式。

• PHP: 將 CSS 檔 做排版的程式(inline, formatter)

  看來大家習慣都不同耶…我自己是還在找一個適合開發的方式。

• An Introduction to the Art of Unit Testing in PHP

  有空真的要好好用用 PHPUnit 了，另外 PHPUnit 3.2.3 也推出了。

• Auto Loading Classes in PHP 5

  介紹了 PHP5 的自動類別載入機制，然後我覺得 Zend_Loader::registerAutoload 是個很好的實作品。

• Evil bugs in your code

  一些比較少見，但一發生就很難 Debug 的錯誤。

• Using PHP Generic Objects To Organize Your Code

  看來是給 PHP4 用的，因為 PHP5 已經有差不多用途的 stdClass 了。

• Horizontal CSS navigation with current state

  利用 PHP 來讓對應目前頁面的選單項目變色。

• PHPMutagen: Mutation Testing for PHP5

  BDD (Behaviour-Driven Development) 的測試框架。

• OOPS in PHP5

  Techie Zone 上有關 PHP5 物件導向開發的教學文章。

• 檢查Alexa PageRank、Google/MSN/Yahoo Backlinks的PHP程式範例

• Google PageRank校验算法PHP版

  都是利用搜尋後的結果來取得所要的資訊，這個要學起來。

• Developing AJAX Application using Smarty and Xajax

  Zakka 已經是這樣做了。

• How I PHP: The Output Handler – Continued

  這篇 How I PHP: The Output Handler 的範例補述。

Zend Framework

• Zend_Http發送簡訊 – 使用 TWSMS

  原來的網址已經連不上了，我備份如下：

  這裡提供一個透過TWSMS發送簡訊的小範例，利用Zend Framework所提供的Zend_Http蠻方便的~

  $message = urlencode("測試中文");
  
  $client = new Zend_Http_Client();
  $client->setUri("http://api.twsms.com/send_sms.php?username=xxxx&password=xxxx&type=now&encoding=big5&mobile=09xxxxxxxx&message=$message&vldtme=3600");
  $client->setConfig(array(
  'maxredirects' => 0,
  'timeout'      => 30)
  );
  
  $client->setMethod(Zend_Http_Client::GET);
  $response = $client->request();
  
  if ($response->isError())
  {
  echo "Server reply was: " . $response->getStatus() . " " . $response->getMessage() . "\n";
  }else{
  $body = $response->getBody();
  echo $body;
  }

• Zend_View: Access the view from a view helper

  雖然我不是用 Zend_View ，不過還是參考一下。

• Power of Zend Framework

  介紹利用 ZF 所建構的 fav.or.it 網站。

JavaScript

• Get To Grips with Slippy Maps

  Mapstraction 是一個集合網路上地圖服務 API 的抽象層套件，本篇簡單地介紹了它的用法。

• 7個實用圖片特效JavaScript

  這個應該有很多 Web 開發者知道了，會記下來主要是因為有中文的簡介。

• Better ways to writing JavaScript

  其實就是把傳統比較囉嗦的方式包裝起來，以減少程式碼的撰寫；不過這樣來說的話，我覺得 jQuery 已經達到這樣的目的了。

• Evaluation of Javascript Libraries

  常見的 JavaScript Framework 的比較說明。

• Recursive Anonymous JavaScript Functions

  利用 JavaScript 的 arguments 物件來實作遞迴。

• Eeek! The Web without JavaScript

  討論當 JavaScript 被關掉時，你的網站可能會面臨的問題；尤其目前一堆使用 AJAX 技術的網站更要小心。

• detect Page Zoom for IE7

  偵測 IE7 的頁面的縮放層級。

• IE 偵測 Memory Leaks 的程式

  參考看看。

• 用Javascript控制IE列印時的頁首頁尾

  雖然只有 IE 才能用，不過還是留下來備存以防萬一。

Debug

• Debugging Your JavaScript Code the Easy Way

  介紹 JavaScript 的 Debug 工具。分別是： JSLint 、 Venkman 、 Firebug 還有在 IDE 上的 Eclipse JavaScript Debugger 。

• Best Free Web Developer Tool for Debugging

  這篇介紹的 Web Debug 工具更完整了！

jQuery

• 240 plugins jquery

  真可怕… 240 個 plugins ，不過有些可能有版本搭配上的問題。

• jQuery Chart Plugin

• jQuery Flash Plugin

• jQuery Splitter Plugin

• Library for simple drawing with jQuery

• Flot Pure Javascript Plotting Library for jQuery

  上面幾個都是很有用的 plugin ，而且看起來 jQuery 在 JavaScript 繪圖技術的整合上似乎很不錯。

• jQuery – making scrolling and toggling simple

  介紹用 jQuery 呈現捲動並定位的效果。

CSS

• Best of CSS Design 2007

  幾個不錯的 CSS 設計？技術很棒！可是我覺得版面太花了…

• Skeleton dropdown menu #2

  下拉選單…主要使用在暗色系背景。

• Incrementing in CSS

  利用 CSS 呈現會自動遞增的數字。

• Choose an accessible image replacement method

  現在有很多利用 CSS 來將文字取代成影像的方法，但多數都有 Accessible (無障礙) 或是多了無語意標籤的問題。

• Creating Sexy Stylesheets

  寫出漂亮 CSS 的方式，裡面有很多不錯的建議。

• Centering List Items Horizontally (Slightly Trickier Than You Might Think)

  主要的重點是在 display:table 該怎麼用。

• SitePoint CSS Reference Closed Beta

  SitePoint 推出的線上 CSS 參考手冊進行封測？要申請帳號才能看詳細內容。

• Using CSS To Create Two Common HTML Border Effects

  我覺得我有點摘過頭了。

• "Checkmark" Your Visited Links with Pure CSS

  用 CSS 在看過的連結前打個勾， IE6 要改用背景圖。

Web

• Ensuring your HTML emails look great and get delivered

  很詳細的 HTML Email 製作方式， Jas9 也寫過類似的文章。

• 【求助】Bot

  百度的機器人真的很討厭…

• UE不只是設計的問題

  從各種面向來說明使用者體驗。

• A Preview of HTML 5

  好是好，不過還是得看什麼時候會出來，而且所有瀏覽器廠商肯支援再說吧。

• 3D立體盒裝圖像生成器

  很好玩的服務。

• CSS Text Wrapper

  可以讓區塊內的文字 flow ，隨著線段扭曲的形狀做調整。在黑色線段上點一下可以新增一個綠點，然後調整綠點的位置，就能改變文字的排版形狀。調整好後，底下有教你怎麼把結果放到你的網頁上。

• Reasons for using UTF-8

  我想到的是…終於脫離「許功蓋」的魔掌了。

• Scalability vs. performance

  討論網站的可延展性及效能之間的取捨問題。

• HTML Sucks for Rich Web Applications

  HTML 原本用意也不是用來做 Rich Web Application 的吧？

Browser

• Internet Explorer 8

  雖然只是有個名字，至少不會再像 IE6 到 IE7 隔這麼久了。不過有時候想怪名字的時候，為什麼不用來思考怎麼做好 Web 標準？

• Make CSS Work

  你看，上面那篇馬上就被吐嘈了。

• When will Microsoft fully embrace Web standards?

  我說得沒錯吧。

• Microsoft Names IE8, Bill Gates to ‘Look Into’ Transparency

  不過蓋子老大的態度似乎是不怎麼關心。

• Web Developers showing their hate for IE

  所以 dZone 的這個標題實在是下得太好了！

以下是從家儒的 Blog 裡找到的，裡面很多不錯的文章。

• 20步讓網站進化成2.0

  真的說出事實了…我覺得那個把網址從 e-xxxx 改成 my-xxxx 或 i-xxxx 的最傳神，另外就是 Logo (beta) 。

• 介面設計與易學性

  保持用戶的習慣才是設計介面的重點。

• 分頁的可用性問題及實作

  所以我現在用的分頁介面其實也犯了同樣的錯誤，家儒的方式可以參考看看。

• 排版的傳承:柵格設計

  這個在設計上應該是很常見的方式，尤其 Web 畫面要整齊又不失設計感是很重要的事情。

• 網站鏈結 SEO優化教學

  連結的學問也很大呢…不過不要濫用呀！尤其別讓你的老闆或客戶知道這種東西，免得他們又開始異想天開了。

• 網頁設計收藏站70個

  很多好站…建議愛好設計的朋友們前往參考。

Database

• How to backup your MySQL tables and data every night using a bash script and cron

  介紹如何使用排程備份 MySQL 資料庫。

Programming

• 52 Reasons Why Programmers Work On Weekends

  哈哈，我喜歡呆伯特漫畫裡那個應徵者說的：因為這樣會讓公司看起來比較有幹勁！ (我其實翻譯的不是很好，還請大家指教。)

• Duck Typing and Protocols vs. Inheritance

  所以有相同的 API (Duck typing) ，也不一定是相似的東西 (繼承) ；透過規範的溝通方式 (Protocals) ，讓能接受的用戶使用這個物件 (意思不對的話請大家指正我) 。我喜歡「鴨子打字」這個翻譯 XD 。

• Why interfaces are poor contracts

  這篇其實和上一篇是相呼應的，不過我功力不足，不予置評。可以看一下底下高手們的回應。

• How to write a Banking Application

  這篇諷刺文真是道盡銀行軟體的問題所在呀！尤其 Log 的部份，害我想到食神裡的台詞：吸管要多粗有多粗，冰塊要多大有多大….；反正銀行有的是錢，硬碟儘量加沒關係。

Software

• Dia 除了畫圖

  還能拿來產生 Database Schema… Thinker 真是太強了！看來我有空也要把 Python 學好！

• Apache内存占用问题

  參考看看。