網站製作學習誌

又 Lag 了好久...真希望趕快把工作做完，可以好好打個電動。

PHP

• How I PHP: Using defaults for input arguments
• Migrating OOP Libraries and Frameworks to PHP 5.3
• pChart - PHP Charting Library under GPL License
• PHP framework comparison benchmarks
• php建立多级目录的函数
• PHP —— 为什么不要在 foreach 中使用变量引用
• Smarter Auto-Linking
• ActiveRecord does not suck
• SQLite/PHP/Apache 設定筆記
• Handling Images with PHP
• Fluent Arrays and Strings in PHP - Adding JSON and more
• The Advancing PHP Developer Part 5: Design Patterns
• PHP 168 SQL注射漏洞
• Top 5 PHP replacements for Apache default directory listing
• Generating PDF Forms From a Flex Application With PHP

Zend Framework

• Testing Zend Framework MVC Applications
• Zend_Cache is Saving me Money!
• Autogenerating forms from Doctrine models
• Simplifying zend_view_helper_url
• Zend_Acl and MVC Integration Part II (Advanced Use)
• Zend Framework 1.6 RC1 Released

JavaScript

• JavaScriptMVC
• Javascript-to-PHP Remoting
• JavaScript Object Basic
• eval() Kerfuffle
• qUIpt：一個很有創意的 JavaScript Cache Library
• JavaScript是怎樣讓互聯網變慢的
• Dynamic Layout
• js 控制 iframe 內容（FF/IE）
• DOM DocumentFragments

jQuery

• jQuery Tracking The Position Of The User's Mouse
• jQuery Plugins, Size, and Storage
• Designing Your Page Around a jQuery UI Theme
• jQuery LiveSearch
• jQuery Treeview with MODx Wayfinder
• Cleanup your html with JQuery
• jQuery.UI ProgressBar Widget
• 51+ Best of jQuery Tutorials and Examples
• jQuery Sparklines
• Garage Door Style Menu (using Animated Background Images with jQuery)
• jQuery plugins: Five tips for separating the good from the bad and the ugly

CSS

• Web 前端优化最佳实践之 CSS 篇
• Build an American Flag out of XHTML and CSS
• CSS-Styled Lists: 20+ Demos, Tutorials and Best Practices
• Top 10 CSS buttons tutorial list
• Dynamic Layout: Dynamic Holy Grail Demo
• Fix Your CSS
• Pure CSS opacity and how to have opaque children
• 斜角滑动门导航条(DIV+CSS)
• 曹鹏 CSS 视频教程
• 元素层叠级别及z-index剖析
• Creating CSS Layouts: The Best Tutorials on Converting PSD to XHTML

Database

MySQL

• Resyncing table on MySQL Slave
• 混合使用SQL和shell命令
• ORDER BY RAND()
• MySQL 的 ORDER BY RAND() 的替代方案
• MYSQL索引实例
• 用mysql触发器自动更新memcache
• MySQL 快速為線上運作的 Master 增加 SLAVE(設定 Replication)
• MySQL 5.1 is to reach GA state

Oracle

• 10升11g的讀書筆記(3)

Browser

• Using jQuery in Greasemonkey
• 【FireNes】用Firefox玩超級瑪莉、1942、魂斗羅…等2000多個任天堂遊戲！
• Rainbow for Firebug :: Firefox Add-ons
• 4個 Firebug 的必備元件

Design

• 7 Useful Web Design Tips
• 27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts
• PNG Icons & Icon Packs Download

Game

• Wing Commander Saga

Programming

• 軟體業的重要職缺 命理大師!
• Linux: 轉換 檔案名稱 的編碼 convmv (UTF-8/Big5 互轉)
• 給我五分鐘，教你用中文腳本寫一個 RPG (使用 TextRPG)

SCM

• What's new in Subversion 1.5

Service

• websnapr - 免費線上網頁截圖工具

Software

• 遠端桌面連線程式 Terminals
• 重組被鎖定的系統檔案不再是麻煩事：System File Defragmenter
• 解決由 AppLocale 引起的 MSI 安裝程式亂碼問題
• Java Runtime Environment (JRE) 專用的安裝、升級輔助器：JavaRa
• 搜尋登錄檔的超級利器：RegScanner
• 介紹好用工具：IObit SmartDefrag 磁碟重組工具

System

• 在 Win32 安裝 Apache 2.2 with OpenSSL + Subversion 1.5
• The Perfect Server - CentOS 5.2
• Ubuntu 很忙 : 解決 8.04 LTS 安裝時掉進 BusyBox 的問題

Web Development

• 使用 ApacheBench 進行網站的壓力測試
• Powering a Web Revolution
• 用 GAEO 加快開發 Google App Engine 的程式吧！
• Apache-MySQL Tuning tips -From My Experience
• 10 Best Free Chart APIs
• 有特定格式的 JPEG 圖檔無法在 IE 瀏覽器中顯示
• Another PNG Fix for Transparent PNGs in IE 6
• Why People Still Use IE 6
• Maps API, GTileLayer
• 在敝社的訓練所當講師
• Useful tips to enrich your HTML Forms
• Opening a new browser window with POST data
• Conditional Comments for HTML Email
• HTTP Status: Redirection
• Web Forms 2.0

PHP

• A Service Locator for PHP5
• Hierarchical caching
• Fluent Arrays and Strings in PHP
• PHP - Caching Pages with Output Buffering
• An introduction to friendly URLs in PHP
• Maximizing Your MySQL Database
• Three Quick Tips To Make Your PHP Understandable
• 創建自己的PEAR頻道
• Friday afternoon toying: eZ Components as phar
• Phar

Zend Framework

• Nice ZF, jQuery and Smarty combo
• Zend_Acl and MVC Integration Part I (Basic Use)

CSS

• CSS do's and dont's Part 2- Markup
• New CSS in Firefox 3
• CSS Layout Cheats

Database

Oracle

• Oracle XE 安裝筆記

JavaScript

• Cross-browser image rotation with JavaScript and CSS
• window.open() Syntax Generator
• 23+ Impressive Tools for Faster Javascript/Ajax Development

jQuery

• Advanced Image Enlargement With jQuery
• Create a multilevel Dropdown menu with CSS and improve it via jQuery
• jsTree: jQuery-based JavaScript tree component
• Input focus with jQuery
• Chapter 1 - jQuery 101
• Build Your Own Social Home!
• jQuery 相關連結
• jQuery - Five Questions And Answers
• mcDropdown jQuery Plug-in

Web Development

• Handy Designer's Tools "On The Fly"
• 完美解決網頁文字太長而導致破版的問題
• 使用 .htaccess 自訂 “404 找不到網頁” 的頁面
• Color Contrast Spectrum Tester, by Joseph C Dolson
• 色彩對比分析
• CSS support in HTML emails of Hotmail, Yahoo! Mail and Gmail

Browser

• Firefox 3.0 可用和推薦的擴充套件列表，歡迎補完

Design

• 27 Dark Website Designs

Project

• 5 Ways to Make Sure your Project Fails
• Building a Great Team

Service

• Warning Sign Generator

Software

• CSS Editors Reviewed

事情多到忙不完了，這次的分享只能稍作整理，沒有任何評論。

心情不好，不想寫摘要了。

PHP

• PHP 5.2.6 Released
• Benchmarking Applications with PHP
• Dynamic Domain Objects in PHP
• Free PHP scripts, resources and tutorials
• Patterns For PHP
• SPL autoloading in PHP
• Caching PHP pages: PEAR - Cache_Lite
• 5 PHP 5 features you can't afford to ignore
• PHP 產生 RSS/ATOM pubDate/created 所需格式
• eAccelerator PHP Accelerator
• Web scrapping in a smart way, making a "Today in History" object in PHP
• CSS Variables Using PHP
• Free PHP scripts and classes: RSS parser using cache

Zend Framework

• An Example Zend Framework Blog Application - Part 1: Introductory Planning
• An Example Zend Framework Blog Application - Part 2: The MVC Application Architecture
• An Example Zend Framework Blog Application - Part 3: A Simple Hello World Tutorial
• An Example Zend Framework Blog Application - Part 4: Setting the Design Stage with Blueprint CSS Framework and Zend_Layout
• An Example Zend Framework Blog Application - Part 5: Creating Models with Zend_Db and adding an Administration Module
• Subversion for the Example Zend Framework Blog Tutorial Series
• Translating Zend_Form error messages and more
• Using objects with Zend_View’s PartialLoop helper
• Zend_Tree
• Zend Framework - The Big Q&A
• View Helpers in Zend Framework

JavaScript

• 30+ Lightbox特效屬性動態比較表
• XRegExp - A JavaScript regular expression library
• bundle-fu
• IEBlog : What Happened to Operation Aborted?
• Versions of JavaScript
• Cross-site scripting attacks : How to Prevent?
• Making a Javascript Video Player
• Wrapping functions in JavaScript
• strftime() in JavaScript
• Reading binary files using Ajax
• JavaScript Memoization
• AssetPackager – JavaScript and CSS Asset Compression for Production Rails Apps
• 5 JavaScript Best Practices
• Custom JavaScript Dialog Boxes
• Where to include JavaScript files in a document
• 介紹好網站：MiniAjax.com
• 用 JavaScript 來修飾你的超連結
• Running Java in JavaScript
• How to know and handle disabled javascript in browser
• Ajax Accessibility
• Macros in JavaScript please
• Javascript - Event compatibility tables

jQuery

• 51+ Best of jQuery Tutorials and Examples
• Ajax login in PHP using jQuery
• Image Cross Fade Transition with jQuery
• Improved Current Field Highlighting in Forms
• jQuery Masked Input Plugin
• jQuery Thumbs: A JQuery plugin to easily create thumbnails
• jQuery Combo Select Redux
• jQuery.ui Sortable
• Better Pull Quotes: Don’t Repeat Markup
• Simple Modal Window Example built on jQuery

CSS

• 4 Uber Cool Css Techniques For Links
• Can We Prevent CSS Caching?
• IE CSS Bugs That’ll Get You Every Time - CSS-Tricks
• CSS Gradients, Transforms, Animations, and Masks
• Using CSS to Do Anything: 50+ Creative Examples and Tutorials
• CSS Shorthand Cheat Sheet
• Starting with CSS and bug fixing tips
• Update on CSS Caching
• The quickest CSS and PNG alpha transparency fix for IE (internet explorer)

Database

• The Database Programmer: Advanced Table Design: Resolutions

MySQL

• How to make multiple updates using a single query in MySQL
• The MySQL optimizer, the OS cache, and sequential versus random I/O

Oracle

• MySQL 4.x to Oracle 10g Migration Notes
• Migration made easy with Oracle SQL Developer
• Getting Started: SQL Developer Migration Workbench
• Oracle 清除用户对象方法
• oracle drop all object
• Oracle Recycle Bin Flashback Purge
• Update Query with Join in Oracle Database

Service

• Handy online regex tool for PHP, Perl, JS and Python

Project

• 溝通是專案經理要學習的第一課

Software

• 介紹好用工具：IECapt
• 任意縮放被固定大小的視窗 - ResizeEnable
• 翻譯名詞：render

SCM

• Subversion visually explained in 30 sec
• Version control with Subversion: so easy my wife can do it

Design

• Icojoy Free Mini Icons for Any Project
• 靠右對齊的導航菜單減慢閱讀速度

Web

• 5 web development techniques to prevent Google from crawling your HTML forms
• 網站開發人員的SEO小抄
• Kotatsu Automates HTML Table Generation

最近忙著一個大案子，所以這篇的發佈時間就 Delay 了，而且以後貼網摘的時間也可能會越拉越長...Orz

另外我想說...Oracle 的表格、欄位名稱都要大寫這個限制實在很鳥...不曉得有沒有哪位 Oracle 前輩能指點一二？

PHP

• Testing PHP/MySQL Applications with PHPUnit/DbUnit

  PHPUnit 有個 DBUnit 的 extension ，主要是建立一個假的 DB 連線，然後假資料放在 XML ，然後再寫測試。

• Developing a Modular Class For a PHP File Uploader

  處理檔案上傳的類別。

• Use the YouTube API with PHP

  如果不想透過別人寫好的 Library 用 YouTube ，這個方式可以參考看看。

Zend Framework

• Front Controller Plugins in Zend Framework

  這篇很詳細地介紹了 Zend Framework 的 Front Controller Plugin ，另外那個 Cache 的 Plugin 滿具有參考價值的。

• Custom validators for Zend_Form_Element

  自訂驗證器。

• Zend Framework Articles and Tutorials

  收集了兩篇文章。

• Integrating Zend Framework and Doctrine

  Doctrine 是個 ORM 套件。

• Managing 404 errors in the Zend Framework

  這篇教你如何用 ZF 處理 404 狀態。

JavaScript

• Javascript cloning objects

  第一次知道 uneval 這個函式，它會回傳一個建構物件用的敘述語法。

• JavaScript loop performance

  比較各家瀏覽器在處理元素迭代迴圈上的效能。

• Embedding and Encoding in JavaScript

  將圖片或聲音資源嵌入 JavaScript 中。

• Dromaeo: JavaScript Performance Testing

  這個是用來測試瀏覽器 JavaScript 各種演算法效能的服務。

• Javascript: Introducing Using (.js)

  這個 using 函式可以幫我們動態載入 JavaScript 。

• Delegating the focus and blur events - example

  不同瀏覽器在偵測 focus 和 blur 事件的做法。

• 60 More AJAX- and Javascript Solutions For Professional Coding

  提供六十幾種 Ajax 特效。

• A quick update on Really Simple History

  RSH 是用來補足 Ajax 在瀏覽器 History 不足之處的套件。

• Do you validate your JavaScript code?

  JSLint 是一個用來驗證 JavaScript 程式碼的服務，類似 W3C 的 HTML 驗證器。

• A quick Javascript formatting tip

  這篇主要是談編碼格式...我覺得團隊裡習慣一個固定方式就好了。

• Three Helpful JavaScript Libraries

  三個還滿有用的 JavaScript 套件，分別是 Fluently 、 MOP JS 及 Collections JS 。

jQuery

• jQuery BlockUI Plugin (v2)

  加強很多小地方，很棒！

• Kwicks for jQuery

  這個是有滑動效果的選單套件。

• A Plugin Development Pattern

  教你怎麼開發 jQuery 的 plugin 。

• Some Updated and Improved Examples

  幾個還不錯的 jQuery 範例。

• Spoiler Revealer from CSS-Tricks

  按一下會顯示更多訊息的效果。

• Textbox to accept only numbers (digits) using jquery

  讓文字欄位只能接受數字的效果。

CSS

• CSS do's and dont's Part 1: CSS Selecting

  CSS 在選擇器上一些注意事項，像是命名要表現出目的而不是呈現形式。

Database

MySQL

• Sun Microsystems Announces MySQL 5.1

  Sub 發佈 MySQL 5.1

Other

Software

• IE7 easy removal tool - 完整移除IE7

  用 IE7 自己的移除程式會有一些問題，這時要就借用這個工具來移除。

Programming

SCM

• 如何快速刪除 Subversion 專用的隱藏目錄

  工作複本的 .svn 其實刪掉沒關係的，不會影響伺服端的 Repository 。

• Recursively delete .svn directories

  跟上面那篇一樣的目的，只是改在 Linux 上實現。

Web

Design

• Icons, Icons, Icons… for free!

  又是一堆免費的圖示，棒！

• Web Form Design: Modern Solutions and Creative Ideas

  如何設計漂亮的表單。

• Multilevel Drop Down Navigation Menus: Examples and Tutorials

  多層下拉選單設計的範例與教學。

朋友問我這些連結怎麼看得完？我其實沒有全部看完，只是挑重點看。其他的都是瞄個大概，然後記下先；註解也是看懂大概後寫的 (我的英文閱讀能力普普) ，所以有時候可能會錯，請大家原諒。 >_<

PHP

• Yahoo Pipes adds support for serialized PHP

  Yahoo Pipes 可以設定丟出 PHP serialized 格式的內容，我們可以直接用 unserialize 函式直接解開。

• SPL Iterator

• SPL IteratorAggregate

• SPL Iterator Helper Functions

• SPL Countable

  上面幾個連結都是介紹 SPL ，值得參考看看。

• The immediacy of PHP

  RoR 的創始者 DHH 大濕對 PHP 的看法。

• Late Static Binding (LSB) forward_static_call()

  重點在 get_called_class 、 parent 及 forward_static_call 上，不過那個 new static() 也是 PHP 5.3 才有的。不過範例看不懂... Table1 和 Table2 不是應該繼承 ActiveRecord 嗎？ (更新：發佈前回去看了一下，作者已經修正了)

• Why not PHP for Google's App Engine?

  Google App Engine 開放了，採用的是 Python 語言。為什麼不是 PHP 呢？簡單來說， Google 就是不喜歡 PHP 。 當然未來 Google App Engine 還是有可能支持其他語言的，等吧。

• PHP 讀取自己的 mbox 信箱內容(Mime Mail Reader)

  很實用的範例，這個要學起來。

• PHP 5.3: SPL stack, heap, queue, list

  PHP 5.3 的 SPL 可能會提供 stack 、 heap 、 queue 及 list 等特色。到時候要寫一些需要資料結構的程式時，應該會很有幫助吧？

• htmLawed HTML filter/purifier

  htmLawed 和 HTML Purifier 一樣，都是用來過濾有問題的 HTML 。

• 被忽视的mb_convert_encoding用法

  反過來的問題：我們該怎麼把 BIG5 所沒有的字轉成 &#xxxx; 的格式？就是先用 mb_convert_encoding($data, 'HTML-ENTITIES', 'UTF-8'); (這時 $data 內資料的編碼也應為 UTF-8 ) ，這樣編出來的碼就可以放到 ANSI (BIG5) 編碼的檔案裡用。只是 HTML-ENTITILES 會把中文字全部轉成 &#xxxx; 的格式...可以參考這篇。

• Piwik - Open source web analytics

  好物！提供像 Google Analytics 的工具。只是有個問題：我們去哪找這麼大的資料庫空間？

• Parsing Child Nodes with the DOM XML extension in PHP 5

  用 PHP5 中的 DOM XML 套件來剖析文件裡的子節點。

• Serialize and Unserialize SimpleXML in php

  將 SimpleXML 產生的物件做序列化及反序列化。

• How to make a dynamic RSS feed in PHP

  簡易的產生 RSS 教學。

• Defining a Custom Function for File Uploaders with PHP 5

  自訂函式來處理檔案上傳。

Zend Framework

• Lifting the Skirt on Zend Framework 1.5 - Zend_Form

  介紹 ZF 1.5 的 Zend_Form 。不過我個人不太喜歡完全用 PHP 碼去兜出表單，所以我還得再想個方式包裝一下。

• Zend_Form Advanced Features

  介紹 Zend_Form 的進階特色，像是 i18n 及 Element Grouping 等。

• Simple Zend_Form Example

  Rob Allen 也提供一個不錯的範例。

• Simple Zend_Form File Upload Example

  雖然 Zend_Form 還沒有支援的檔案上傳，不過 Rob Allen 幫我們想出了一個辦法。

• Zend_Form with XML Tutorial

  這篇改用 XML 做為 Zend_Form 的設定檔。

• Action Helpers in Zend Framework

  教你使用 ZF 的 Action Helper ，還提供一個 Form Loader 範例。

• Using Zend_Feed to Merge Multiple RSS Feeds

  教你用 Zend_Feed 來串聯數個 RSS Feeds 。

• Parsing tags with Zend Feed

  這篇解釋如何用 Zend_Feed 來解析出文章的 Tag ，並將它們存入資料庫。

• Zend framework map for version 1.5

  好物！這張圖列出了 ZF 常用的套件。

• Luke - Lucene Index Toolbox

  這個工具可以幫你分析 Zend_Search_Lucene 產生的索引檔。

• Zend Framework Tutorials

  好物！這篇收集了很多 ZF 的教學，值得一看。

JavaScript

• 4 ways to dynamically load external JavaScript(with source)

  4 種動態載入外部 JS 的方式。 jQuery 有個 $.getScript 可用。

• Advanced JavaScript Debugging Techniques

  列出目前常見的 JS Debug 技術。

• 5 ways to redirect URL with Javascript

  5 種利用 JS 導向的方式。

• JavaScript Tutorial

  很棒的 JS 教學，還提供了很多不錯的範例。不怕英語的朋友可以去看看。

• Base64 Encoder and Decoder with JavaScript

  用 JS 實作 base64 的編碼及解碼。

• javascript cache problem, solved

  可以解決 JS Cache 的問題，可是有點小麻煩。

• Super Mario in 14kB Javascript

  用 JS 寫的瑪琍歐....我只能說：傑克，這真是太神奇了。

jQuery

• Hacking transparent PNG support into IE6 with IE PNG Fix, CSS and jQuery Part 1 / Part 2

  透過 jQuery 、 CSS 加上 IE 的 PNG fix 技術，解決 IE6 不支援 PNG Alpha 透明的問題。

• 37 More Shocking jQuery Plugins

  又是一堆好用的 jQuery Plugin 。其中 Small Rich Text Editor 看起來不錯，可以用來取代 TinyMCE 。

• Hacking the :first-child pseudo-class into IE6 with jQuery and CSS

  透過 jQuery 讓 IE6 也能支援 :first-child 和 pseudo-class 。

• Learning jQuery: Fading Menu - Replacing Content

  這篇教你怎麼做出類似頁籤 (Tab) 的效果。

CSS

• CSS vs Tables - 13 Reasons Why CSS Is Superior to Tables in Website Design

  13 個為什麼 CSS 排版比 Table 排版好的理由。

• Most Useful 50 CSS Tips And Tools For Webmasters

  一些不錯的 CSS 配合 JS 的技巧。

• CSS 常用命名参考

  如果這篇早點出來就好了，我就不用每次都要想區塊的名字 (當然常用的就不用想了) 。

• Tomorrow's CSS Today: 8 Techniques They Don't Want You To Know

  這篇告訴你一些不錯的 CSS 技巧，以及對照有支援和沒支援的瀏覽器在顯示這些技巧上的差異。我個人覺得依副檔名顯示圖示的技巧實在是很棒。

• CSS News

  想要找 CSS 相關資訊與技術？來這個網站就對啦！

• CSS Frame Generator

  這個很棒喔！只要把 XHTML 原始碼貼上去，再按一下「 Give me my code 」，就能得到對應的 CSS 原始碼骨架 (也就是還沒有設定屬性) 。

Internet

• [禁斷秘技] 非HiNet用戶必看！ 你的ADSL被降速了嗎？

  我家終於被 Hinet 看上了，所以準備要來換肛世代了。

Web

• Google App Engine - Google 的攞你命 3000

  對 Google App Engine 的簡單介紹。唉...我想要 PHP ....

• OpenID for Google Accounts

  給 Google 帳號用的 OpenID 服務。

Design

• Footers In Modern Web Design: Creative Examples and Ideas

  頁腳的設計參考。

PHP

• Accessing Attributes and Cloning Nodes with the DOM XML Extension in PHP 5

  教你用 PHP5 的 DOM 套件存取元素屬性或用來複製節點。

• Multithreading in PHP with CURL

  用 cURL 在 PHP 中模擬出多執行緒。

• Reading and Writing Spreadsheets with PHP

  用 PHP 讀寫 Excel 。

• Fluent interfaces and code readability

  不要濫用 Fluent Interface ，要顧及程式碼的可讀性。

• Creating an Error Handling Module for a PHP 5 File Uploader

  建立一個錯誤處理器，以便在檔案上傳後可以方便處理錯誤。

• Setting up your own on-demand video site with PHP, Part 1: Groundwork

  用 PHP 建立一個影像即時播送網站。

• Translation in PHP

  教你做一個多國語言的 PHP 應用程式。

• 名稱空間的注意事項

  在 PHP 5.3 裡使用 Namespaces 時要注意的地方。

Zend Framework

• Zend Framework中Ajax的一個使用技巧

  我的實作也是基於同樣的概念，不過我是聽從 Mark 的建議，改以切換 View Object 來實現。

CSS

• CSS designs using float

  這篇跟我的「樂多Blog排版入門」很像，有興趣讀英文的朋友不妨參考看看。

• The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything

  教你把無序清單轉換成各種樣式。

• Top 12 CSS Frameworks and How to Understand Them

  將常見的 12 個 CSS Frameworks 整理出來，其中 YAML 真的是滿強的。

• The 6 Most Important CSS Techniques You Need To Know

  6 個滿實用的 CSS 技巧。

• The Highly Extensible CSS Interface

  該系列的文章教你打造可隨視窗寬度延展的 CSS 樣式。

• CSS Properties Index

  這篇好！幾乎把所有 CSS 屬性都列出來了！

• Background repeat and CSS sprites

  利用 CSS sprite 來製作重複的背景圖。

JavaScript

jQuery

• Working with Events, part 1

  主要是教你如何運用 jQuery 的 event 機制。

• Revealing Photo Slider

  教你如何先顯示圖片的某個區域，點選後再顯示完整圖片。

• 用 jQuery Focus Form 的第一個輸入欄位

  常用的技巧！

Web

• SaveTheDevelopers.org

  向 IE6 說 No ！這個網站有提供一個 Script 讓使用者在以 IE6 瀏覽你的網站時，會出現一個提示升級的訊息。

• 跨網站單一登入(Single Sign On)的作法概念

  這個也可能會用到，記下先。

Browser

• Browser testing

  收集了一些測試瀏覽器畫面的服務。

Design

• 免費網頁小圖示：Vaga

  Vaga 提供了一堆免費的小圖示。

Other

Software

• mplayer、ffmpeg 指令備忘

  也是記下先。

4月1日(愚人節快樂)

• IE9 to include alternative ‘CSS.2012′ standard

• Classy Query

• Microsoft will use Gecko layout engine in IE 8

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

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

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

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

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

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) 。

PHP

• PHP Universal Feed Generator (supports RSS 1.0, RSS 2.0 and ATOM)

  可以用來產生 RSS 及 ATOM 的套件。

• Inserting Comments and Accessing Nodes with the DOM XML Extension in PHP 5

  教你透過 PHP 的 DOM XML 延伸套件處理文件節點。

• Generating Code from Tests

  讚！以前都是從 Class 程式碼去產生測試骨架，現在 PHPUnit 3.3 可以反向從測試去產生 Class 的骨架了！

• PHP6, Unicode and TextIterator features

  介紹有關 PHP6 裡的 Unicode 相關設定項目及函式應用。

Zend Framework

• PEAR vs. Zend Framework

  簡單說明了 PEAR 和 ZF 之間最大的不同： Zend Framework 投注很大的心力在套件之間的協同運作，但你還是可以拆開分別運用 (也就是鬆耦合) ；而 PEAR 除了必要的相依套件外，其他都是獨立開發的。兩者的優勢分別是： ZF 發揮了 PHP5 的特性，而 PEAR 則能延展你的程式碼在 PHP4 的生命週期。

JavaScript

• Performance is Everything

  探討目前主流瀏覽器在 JavaScript 引擎上的效能表現。看起來 Safari 和 Firefox 的最新版本都有不俗的表現，而 IE8 Beta 1 的表現還差強人意。

• Super Tables - HTML Tables with Fixed Headers and More

  在呈現表格資料時，將表頭固定的 JavaScript 套件。

• Javascript 的 Database: Taffy DB

  用 JavaScript 寫的 Database ，詳情就請宗董開示。我個人覺得似乎可以拿來暫時包裝一些簡單的資訊：像是購物車。

• Search and Don't Replace

  討論將 "foo=1&foo=2&foo=3&blah=a&blah=b" 轉換成 "foo=1,2,3&blah=a,b" 的方法。

• JavaScriptMVC - Model View Controller for JavaScript

  作者開發這個套件的目的是為了應付越來越龐大的 JavaScript Application ，而我還滿欣賞那個 include 功能的。

  PS: 那個在一樓留言的匿名者 (批評別人都不敢留名字？) ，就是標準的文人相輕...唉...作者回得也真是太客氣了。

jQuery

• Identifying and Manipulating Elements Using jQuery

  這篇教你如何用 jQuery 來操作頁面的元素，算是不錯的基礎文章。

• DHTML Decision-making grid

  主要特點就是能動態新增欄與列。

• jQuery slideViewer 1.1

  主要特點在於幫你建立一個數字列按鈕來瀏覽圖片。

• jQuery + jFlot - Plots, Canvas and Charts

  用來建立條狀圖表的套件。

• tableEditor

  讓我們可以即時編輯列資料。

• jqueryTableRowCheckboxToggle

  讓我們可以在點選列時，同時更新 Checkbox 的狀態。

• 45個新鮮出爐的jQuery插件

  介紹了很多不錯用的 jQuery 套件。

CSS

• CSS Hacks 和 問題解決

  將常見的 CSS 問題解決整理起來了。

• Most used CSS tricks

  提供一些常用的 CSS 美化技巧。

• IE6 AlphaImageLoader with links error

  當用了 IE6 的 PNG fix 後，會讓連結無法正常動作；解法是再包一層 position:absolute 的 div 。

Database

MySQL

• Transferring a MySQL database

  如何將資料庫的資料轉移到遠端的另一部 MySQL 主機上。

  mysqldump -h host1 -u username -pPASSWORD database_name | mysql -h host2 -u username -pPASSWORD database_name

Web

• Best Practices for Speeding Up Your Web Site

  之前好像有貼過類似的了？還是同一篇？

• 網站的 Flash 前導頁需考量的不僅僅瀏覽器是否支援

  Flash 前導頁在商業場合還是少用吧。

• Possible Solutions to Web Security Issues

  介紹一些有關網站安全性的解決方案。

• HTML Reference (beta)

  SitePoint 推出的 HTML 參考手冊。另外之前有介紹過 CSS 參考手冊。

• Shell Script: 來最多次的 IP, 抓前 10 名

  這個要學起來，免得被大量攻擊時還傻傻的不知到怎麼解。

• 密碼強度檢測器 | 慢條斯理的溫柔

  好物呀！我也常在想這個演算法要怎麼寫，原來有寫好的囉。

Browser

• 微軟新一代瀏覽器：IE8 Beta1

  上次貼了一堆 IE8 的連結沒寫介紹，所以這次就直接借用別人寫好的連結了。這篇是在介紹 IE8 的特點，還有作者的使用心得。我是比較期待 Firefox 3.0 正式版...

Internet

• FTP 的主動模式( active )和被動模式( passive )

  這個要學過 TCP/IP 的運作原理才會比較瞭解在說什麼，還好我學過；總之主動模式不能用的話，就試試被動模式。

Programming

• 10 ways to improve your code

  10 個改進程式碼的方法。

Other

Software

• 使用 NTFS4DOS 開機碟修複 XP

  這個是很方便的工具~

• picture-shark 幫全部圖片「批次」加蓋浮水印！

  現有的圖片可以用這個來大量轉，很方便。如果是寫 PHP 程式的話，可以考慮用 ImageMagick 。