網站設計
近幾年 Ray 自己設計的網站都是用 Ruby on Rails / PHP 起的 web app (網上軟件)，上一次做這樣一個 static website (静態網站) 可能是中學的年代了，用的好像是 FrontPage、Dreamweaver、Flash 之類。
最近，Ray 自以為 2007 年開始學了 Ruby 之後電腦技術突飛猛進，加上 Web 2.0 時代的沖激，便「膽粗粗」要用畢生所學，做個與衆不同的結婚網站。
本以為做個 static website 不難，誰料，卻比他預料複雜得多，而且，有太多可用的 tools，組合起來三心兩意，費掉不少時間。
以下是 Ray 設計這網站所用到的工具和技術：
| General | |
|---|---|
| UltraEdit | The text editor |
| xplorer2 | Dual panel file and information manager |
| Ruby | I code a lot in Ruby, yes, almost every thing |
| Rake | Software build tool in Ruby |
| Git | Distributed version control system, at home, at work, and mobile This is my second extensively used version control system, after SVN |
| HTML/CSS/Javascript Frameworks/Templates | |
| Staticmatic | Work with static website like Ruby on Rails |
| Haml | Markup language that generate XHTML |
| Sass | Markup language that generate CSS |
| Blueprint CSS | CSS framework |
| MooTools | JavaScript web application framework |
| Yahoo UI Compressor | Compress JavaScripts and CSS |
| CSS Minifier | CSS optimizer |
| Page Components | |
| CSS Navigation Bar | High quality navigation bar using CSS |
| CSS Drop Shadows II | CSS drop shadow with alpha |
| Spiffy Corner | Round corner generator using purely CSS |
| will_paginate | Reference pagination coding and view |
| Lytebox | Self contained Lightbox clone to display IFrame and images using modal dialogs |
| Slideshow 2! | Stream and animate the presentation of images |
| SWFObject | Embed Flash objects using JavaScript |
| JibberBook | An Ajax guestbook with spam control and many other features (but I woould not recommend this as it is not that well designed and maintained) |
| Skype Emoticons | Together with hand written libraries for using these emoticons anywhere, including guestbook |
| The Enkoder | An anti-spam email address encoder |
| Graphics | |
| Adobe Photoshop | The photo editor, Smart Object is quite a good feature |
| Adobe Illustrator | Vector base drawing tools |
| Adobe Flash | The flash editor |
| Flash Decompiler | Decompile Flash movie and action scripts |
| GIMP | GNU Image Manipulation Program |
| ImageMagick | Image processing tools |
| pngcrush OptiPNG PNGOUT AdvanceCOMP pngrewrite | PNG optimizers that are used in conjunction with my Ruby script |
| jpegtran | JPEG optimizer |
| Testing/Debug/Tuning | |
| Firefox Firebug | Excellent web development tools |
| Firefox HTML Validator | HTML validation inside Firefox |
| Firefox Web Developer | A toolbar with various web developer tools |
| Firefox YSlow | Analyze web page performance |
| IE Developer Toolbar | Firebug clone for IE |
| IETester | Test rendering in multiple IE versions |
| Apache HTTP Server | HTTP server tuning |
| Google Webmaster Tools | Sitemap submission and analysis for the Sitemaps protocol |
| Google Analytics | Website statistics about visitors by Google |
| Misc Libraries/Tools | |
| Ruby on Rails | Much of ActiveSupport and ActionView helpers modules are used into my pages |
| Hpricot | HTML parser for Ruby, for parsing content from Yahoo! Blog |
| YAML | As a simple hand-coded database, including for store data from Yahoo! Blog |
| lftp | Open source command line FTP client to upload/synchronize site |
| FileZilla | Open source GUI FTP client for ad-hoc FTP transfer |
學海無涯，回頭是岸...
大家如果沒有 Ray 那麼好心機做結婚網站，就千萬不要亂學。否則，還是多給些錢 找 Ray 幫你做個好網站吧...