iPhone Tester for Web Development

一個iPhone的Tester，主要都是用作測試你的網頁或者Web Application在iPhone上的效果。

因為iPhone是用Safari 作Browser，正常PC User應該不太可能會使用Safari ....

所以這個iPhone Tester對我來說幾有用，我已測試過ASP.NET成功。

http://iphonetester.com/

10 Free Web-based Alternatives to Photoshop

10個Web版的Image Editor，老實說，我覺得實用性不大....效能慢，
而且很多Client Side的運作，用用下Browser Shut Down真是喊都無謂。不過當是Showcase咁睇，都值得reg個account玩幾下既。



10 Free Web-based Alternatives to Photoshop
http://www.lifeclever.com/10-free-web-based-alternatives-to-photoshop/

PeaZip - 7-Zip以外的選擇

自從崇尚Freeware / OpenSource / Portable之後，連WinRar我都不放過，找過幾款免費軟件取代，之前試過TUGZip和IZArc2Go，不過都不太滿意。
7-Zip我當然都有用過，不過個人實在接受不到它的介面....這段時間我都使用PeaZip，都沒有太大問題，同樣支援Zip,Rar,7z等格式，介面都幾靚的，而且有Portable版本。

PeaZip free archiver utility is a portable, open source file and archive manager.
PeaZip is cross platform and runs on 32 and 64 bit Windows (9x, 2000, XP, Vista) and Linux. It supports handling many archive and compression formats:
create: 7Z, ARC, BZ2, GZ, PAQ/LPAQ, PEA, QUAD, TAR, UPX, ZIP;
open: ACE, ARJ, CAB, DEB, ISO, LHA, RAR, RPM and more archive types...

PeaZip Homepage :
http://peazip.sourceforge.net

選擇性刪除FireFox 和 IE 的自動完成

不知大家是不是和我一樣，有一種Windows潔癖，就是不太愛Install很多東西在電腦中，
有Portable版的Software都盡可能使用，定時都會清除一下沒有用的File。

而Browser方面，很多Cookie，已儲存的Login都會清理一下。但唯獨Firefox和IE的Auto-Complete除了使用軟件本身的私隱保護功能一併清除，就別無他法，但可能一百個中有幾十個是常用的，一併刪除，日後就要重新再輸入Login。



以前我都很苦惱，因為很多時我無論在Login的TextBox，Search Keyword的TextBox或者討論區的主旨輸入欄位，我都會留下很長的紀錄，總是覺得很礙眼。

但今天我至知道原來有這個小技巧!!!
FireFox和IE，如果你想刪除Auto-Complete，只需要把Mouse指在該項目上，再按Delete制就可以！唯一是IE會有Warning出現需要你確認而已。

至於Address Bar的Auto-Complete，我就只試到Firefox同樣按Delete Key可以刪除，但IE就不可以。

或者是我孤陋寡聞，不過對於自己來說真是一個開心小發現。

Pictomio - 免費的Filp 3D看圖軟件

看圖軟件我之前用XNView，但無奈XNView一直都處於不穩定狀態，近幾個月已轉用FastStone Image Viewer，剛剛看到這個好像幾特別，又可以玩一玩了～

Pictomio is Freeware and sets new standards for 3D accelerated browsing of your photo and video collection.
Pictomio requires a graphics card with ShaderModel 2.0 and a minimum of 128 MB video RAM.

Download Pictomio
http://www.pictomio.com

網摘 2008-5-14

Silverlight:
Installing Silverlight no longer requires a browser re-start… woohoo!!!
這個是必需要的....
http://blogs.msdn.com/jaimer/archive/2008/05/02/installing-silverlight-no-longer-requires-a-browser-re-start-woohoo.aspx
Silverlight 2 Beta 1 Chat Demo Application
http://community.irritatedvowel.com/blogs/pete_browns_blog/archive/2008/05/01/Silverlight-2-Chat-Demo-Application.aspx

C#:
C# Snippet Tutorial - Dictionary Collections
http://blog.paranoidferret.com/index.php/2008/05/08/c-snippet-tutorial-dictionary-collections/
Dictionary 與 List 的分別

ASP.NET:
由零開始，自己Build Blog System - Blogo.NET
The making of Blogo.NET - Part 1
The making of Blogo.NET - Part 2
The making of Blogo.NET - Part 3

原來WebUserControl可以咁Load法...
LoadControl a UserControl - *and* pass in Constructor Parameters
http://blah.winsmarts.com/2006/05/20/loadcontrol-a-usercontrol--and-pass-in-constructor-parameters.aspx

Real-Time Progress Bar With ASP.NET AJAX
http://www.singingeels.com/Articles/RealTime_Progress_Bar_With_ASPNET_AJAX.aspx

Save and Retrieve Images from the Database using ASP.NET 2.0 and ASP.NET 3.5
http://www.dotnetcurry.com/ShowArticle.aspx?ID=129&AspxAutoDetectCookieSupport=1

Facebook & .NET:
http://www.codeplex.com/FacebookNET
http://www.nikhilk.net/FacebookNET.aspx
http://www.codeplex.com/FacebookToolkit
CanYou? - sample Facebook application
幾個Facebook Library for .NET，我覺得Facebook的FQL語言比較有趣。
但我對Facebook興趣就不是很大，我可能都有個多月未Login過自己的Facebook。

SQL:
你的網站正在裸奔嗎?
SQL Injection真的是老掉牙的話題了，很不幸地，它卻始終是導致資安事件的主要凶手之一....
http://blog.darkthread.net/blogs/darkthreadtw/archive/2008/05/07/are-your-website-naked.aspx

JavaFX

自2007年時聽過JavaFX後，都好似沒有細節公佈，剛剛JavaOne Conference 2008再次發表一些新消息。

看到Key Point好像幾吸引，至少我覺得RIA程式來說，Silverlight門檻是比較高的。
- JavaFX is close to Java, but there are a number of other language influences present
- JavaFX is much easier then Swing and Java 2D
- Writing in JavaFX Script reduces the amount of code and saves time
- The same language and tools will cover "3 screens" - desktop, browser and mobile devices
- Look for the JavaFX SDK to be available in July 2008.



JavaFX - Bringing Rich Experiences To All The Screens Of Your Life
http://www.javafx.com/
2008 JavaOne Conference: JavaFX Platform - Sexy Interfaces for Mere Mortals
http://java.sun.com/javaone/sf/2008/articles/javafxsexy.jsp
What is JavaFX?
http://blog.benhall.me.uk/2007/05/what-is-javafx.html

國際水平的Web Design

成日都聽到Web Designer起香港人工係偏低，一般都好難突破萬幾關口(當然有例外,但眼見真係唔多...)。但相信如果睇完以下的作品，就會明白。香港的Web Design其實都只係一堆字加圖，再排一排位，整齊一下既輸出品。不過當然我都明白．．．香港大部份公司根本就不會投放資源和重視設計。

25 Beautifully Colorful Websites Part 1
25 Beautifully Colorful Websites Part 2
Now More Than Ever: 50 More Excellent Blog Designs
The Top 10 Very Best Dark Portfolio Sites!
25 Beautifully Dark Website Designs

我個人幾鐘意呢幾個:

如何用C#破Xanga Sign-in Lock

XangaSpy我相信好多人都用過吧~我試過在Alexa把XangaSpy和一些香港知名網站比較，如果Alexa的統計正確的話,XangaSpy的流量是和she.com 相若。一個小小網絡程式流量與討論區可比，都算是不錯。如果冇記錯，XangaSpy是高登網友用PHP寫出來的。但其實用DotNet都可以做到XangaSpy的效果，即是破解Sign-In Lock / 重新format一次文章等等，以下我就和大家交流一下是怎樣做到的。

1. 我隨意找來一個是有Sign-In Lock的用戶做測試，大家可見在沒有Login情況下，是沒有權限瀏覽內容的。
2. 我又隨意咁申請了一個Xanga戶口，Sign-in後，就可以正常瀏覽內容。如圖所見，我可以使用一些Firefox 看HTTP Header的Extension或一些Inspector軟件去得知傳送了什麼Header至Xanga伺服器，在這篇文章中，我只需要兩個Header，分別是Referer 和 Cookie。先解釋一下這兩個是什麼，Referer是告訴Xanga知你是經由什麼地方傳送到這個網址;Cookie在這裡純粹是一個id，真正意義是之後一連串的value，紀錄了你的login資料，Xanga就是用這個value去分辦你是否已Sign-In。
3. 開Visual Studio，建立一個Project，其實可以是C#/Visual Basic/ASP.NET，沒所謂的，我在這裡示範用C#而已，如圖把Control放上兩個TextBox，一個Single Line用作Xanga ID，另一個Multi Line用作內容，再加一個button。
4. 新增一個Class，叫Xanga_Hack，然後Create一個Function叫XangaHeader,return 類型是WebHeaderCollection，把我們剛剛說的Referer 和 Cookie 的數值Add進至Collection中。如果你想完美一點，你可以參照你的HTTP Header Parser，把其他Key和Value也加進Collection中。
5. 再新增一個Class，叫TCP_Function，用TCPClient去接收HTML資料，然後放置在TextBox中，這時你應該可以見到文章的內容了。

拿回來的一堆HTML，其實你可以使用regex去把題目，內文Extract出來。就我略略睇過不同Xanga的DOM，不同的Theme會生產不同的結構。例如以文章為例，每一個Xanga頁面都必定會有一個id是maincontent的container去顯示內容，
但有些Theme是會生產<div id="maincontent">; 有一些會生產<td id="maincontent">;，所以這才是要下功夫的地方。就好似XangaSpy，其實有一些Xanga它是暫時不支援的，例如: http://www.xanga.com/MandyStarz，這Account本身沒有Sign-In Lock，但假如你使用XangaSpy看，是顯示不到內容出來的，我估計是因為這個Theme本身沒有任何一個Tag的id是maincontent所致。另外一個比較容易的方法是進它們的archives Page找文章計和連結，但這方法理論上比較花時間。

以上就是我小小心得，或者大家會問，為什麼你不做ASP.NET版本的XangaSpy? 原因就是我覺得其實沒有什麼好研究，只是與無名小站一樣，都是玩弄著HTTP Header而已，而且Xanga都是小朋友玩意。至於破解Xanga中的Friend-Lock，我覺得沒有什麼可能，可以假設，Xanga Check Friend-Lock 與Sign-In Lock是同一方法，雖然或者可以經Google Search，得知誰是[朋友]，但怎樣演算一個Account資料至Header中就已經是問題所在。

CSS Gradients Generator

近來其中一種Web Design設計模式就是簡約主義，盡量減少圖像，利用不同的CSS技巧去做成高亮度，內容清晰的網頁，亦時一般所謂Web 2.0的設計。找來幾個CSS Gradient 效果的Generator,可以用來做Background，border等等，很實用的。

Demo :
http://www.designdetector.com/demos/css-gradients-demo-1.php
http://www.designdetector.com/demos/css-gradients-demo-2.php
http://www.designdetector.com/demos/css-gradients-demo-3.php

但以上的缺點是生產大量Div，如果還是使用圖像的話，可以試試
http://www.generateit.net/gradient/