網站製作學習誌

這幾天都在忙案子，有些資訊雖然已經看過，但記下來的時間已經 lag 了…

過完新年，就要開始新的案子了。這裡不曉得還經不經營得下去？

PHP

• Improve performace: check your loops

  重點：避免在迴圈中處理複雜的動作，能拉到外面就拉到外面；要不就是儘量避免進入迴圈。

• Grails for PHP developers I

• Grails for PHP developers II

  稍稍關注一下好了。

• persistent web apps in PHP

  這不太像是我熟知的 Web App 耶？比較像是用 PHP 的 Socket 來寫一個 Server 。

• LINQ for PHP (Language Integrated Query for PHP)

  這很像 Zend Framework 的 Db_Select 耶…雖然 API 上有些不同，不過大部份的想法好像差不多。不過目前我還沒完全搞懂微軟的 LINQ ，還是再多看一些資訊好了。

• Performance Tuning Overview

  這篇教你從 PHP 、 RDBMS 及 HTTP 幾個方面來調整 Web 應用程式的效能。

• Testing Smarty templates

  耶？ Smarty 也能整合到單元測試裡？雖然這裡是用 SimpleTest ，不過 PHPUnit 好像也是差不多的作法。

• Quick php5 pre-migration check

  快速對目前路徑下的 PHP 檔案做語法檢查，不能用在 Windows 上。

• find . -name "*.php" -exec /usr/bin/php5 -l {} \; | grep -v ‘No syntax errors’

  PHP_Beautifier 安裝與使用

  呃…舊程式碼我就不敢說了，我現在要求自己寫程式要儘可能符合 ZF 的標準；所以…我們家的兩位大大就麻煩你們參考一下這篇吧 XD 。

• 利用PHP寫Multi Process程式

• 利用PHP寫Multi Process程式 – 2 使用信號機

  啊啊啊~~這個就是我去某大公司面試時被問到的…也是我最弱的一環…Orz 咦？我好像也沒什麼比較強的？

Zend Framework

• Zend Framework 1.5 Preview Release

  ZF 1.5 PR 版釋出囉。不過我不建議使用，很多用法改變了；有新案子再試吧。

• Zend_Db_Table_Abstract in version 1.5

  ZF 1.5 在 DB 部份最大的改變就是 Db_Table 可以用 SQL 語法操作了，所以也能在 Table 裡做 join 了。但是！我的舊案子不能用呀~~。

  我決定為了 ZF 1.5 ，把我的 Library 部份功能打掉重寫~~ (有時間嗎？)

JavaScript

• Cross Browser Sound in JavaScript

  很酷的套件…當然所謂的跨瀏覽器指的就是 Flash …

• Javascript form validators

  一堆 JS 的 Validation 技術，不過我還是找不到適用的…多多少少都還是有些欄位匹配上的問題。

• A Study of Ajax Performance Issues

  在開發 Ajax 時，要注意到的幾個效能議題。

• JavaScript-Based Injection Attacks

  Firefox 的 JS console 也被拿來當做攻擊目標了。

• Namespacing made easy

  JavaScript 上模擬 namespaces 。

• Tabbed search bar using CSS and Javascript

  就是 Google 或 Yahoo! 搜尋時，可以讓你選網頁、圖片或其他種類的那種效果。

jQuery

• Developing a jQuery Plugin

  教你寫一個 jQuery 的 plugin 。像我在常用的一些列表頁特效，如果使用 plugin 加上適當參數，就可以省下不少重複剪貼及搜尋修改的時間。

• jQuery.ScrollTo

  可以把頁面自動捲到想要的位置 (如果有捲動軸的話) 。

• jQuery iFrame Sizing

  利用 jQuery 來動態改變 iframe 的大小。

• Cornerz v0.2

  圓角套件。

CSS

• How to create CSS layouts without using FLOAT

  如何不用 float 來完成 CSS 排版？對啦！就是舊方法：表格！只是這裡不是真的用表格，而是讓 div 改用 display:table; 來呈現。只是… IE 還是不吃這一套地！結果好像還比用 float 複雜….Orz

• Better Email Links: Featuring CSS Attribute Selectors

  當連結為寄送 Email ，在滑鼠滑過該連結時，會在連結後面帶出該 Email 位址；當然 IE6 是不行滴。

• CSS Floats Without Text Wrap

  當圖片設為 float 時，讓文字不會包圍圖片。原理就是用 margin…

• CSS Rounded Corners Revisited

  一張圖加上四個無意義的 span ，就做出圓角囉。

• Links Inside of Larger Clickable Areas

  在大連結區域裡再放入小連結區域，很酷！

• Sub-Pixel Problems in CSS

  各家瀏覽器在呈現 DOM 寬度上的差異， gslin 有中文的說明。

• 段正淳的css笔记(6)-浅谈css框架开发

  CSS 框架就是把一些常用 CSS 規則整理起來，像是格式、排版及基本樣式等等。

• 空格的寬度

  各家瀏覽器在不同字體大小時所呈現的空白寬度，這點在設計上是個很重要的觀念。

• Use CSS to Override Default Text Selection Color

  當我們在選取網頁上的文字時，也可以透過 CSS 的 ::selection (CSS3 only) 改變反白的顏色。

Web

• Best Of January 2008

  Smashing Magazine 在 2008 年 1 月的好文收集。

• The Principles of Beautiful HTML Email

  這篇整理了一些圖文電子報的原則。

Design

• 2008年的blog設計趨勢

  又跟 2006 年的設計趨勢不同了…所以 Web 開發與設計也都是趕流行的…

• 2008 Bad Usability Calendar

  直接引用：Bad Usability Calendar。這個月曆從2005年發行至今，每年都會依月份列舉出12個錯誤的網站易用性範例。

• 21 Factors to Consider Before a Redesign

  21 個在網站設計要砍掉重練前，所必須思考的問題。

• Photoshop Tutorial: Quick Glass Buttons for the Web Designer

  用 Photoshop 做出一個水晶按鈕。

• 9個中文字體下載網站

Browser

IE8 的 ACID2 測試成功，讓許多國外高手思考 IE 及其他瀏覽器向後相容性的問題。以下是相關的連結：

• Compatibility and IE8

• Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8

• Who loses out to X-UA-Compatible?

• IE8 Standards Mode Is Opt-in

• Standards mode is the new quirks mode

• The state of IE browser share today

• Version targeting in IE 8, and an alternative path for Microsoft

• Web兼容性和IE8

我的看法是…就靜觀其變吧。

HTML5

因為 W3C 發表了 HTML5 的首個公開工作草案，使得 HTML5 的文章最近又活絡起來了。以下是相關連結：

• W3C發表了HTML 5首個公開的工作草案

• HTML 5 預覽

• HTML5 DOCTYPE

我對 HTML5 則是抱著消極的期待。

Database

• memcache_engine + memcachedb = 高性能分布式内存数据库

  透過 memcachedb 和 memcache_engine 將 memcached 當做資料庫用。

• 使用FireFox插件存取SQLite資料庫

  這樣就能很方便使用 SQLite 資料庫了。

MySQL

• How MySQL Query Cache works with Transactions

  說明 Transaction 在使用 Query Cache 上的限制。

• MySQL Storage Engines

  宗董有簡單的說明：好文: MySQL Storage Engines 資料儲存型態。

• MySQL Tutorial

  幾個不錯的 MySQL 教學連結。

Programming

• SourceMaking

  一個很棒的 Design Patterns 教學網站，還包含 Antipatterns 及 Refactoring 等教學。 Antipatterns 還被戲稱為：四十個讓專案慘死的理由。

• How to Test a Web Service

  以後寫 Web Service 時應該會用到。

• 如何用 TortoiseSVN 復原錯誤的簽入動作

  要用 Merge 而不是 Update 。

Software

• 用 USB 隨身碟在 EeePC 安裝 XP

• 如何更改Windows Vista登入畫面、關機畫面？

最近碰到朋友被 WGA 附身了，以下提供解法：

1. RemoveWGA 1.2 (官方已經被微軟警告，而把下載移除了)

2. 為我下載更新，但讓我可以選擇安裝時間。

Other

• 50+ Killer Online Resources for Computer Science Students

  雖然我已經不是學生了，不過裡面一些知識還是不錯參考。