Link: HTML5 Input Code Snippets

http://html5pattern.com/

Note: Don't trust what the user sent, and validate the input at the server side AGAIN. The client side process should be for reducing the response time. It's pretty easy to send arbitrary input value with an application such as WebScarab.

HTML and CSS Validator

HTML
http://validator.w3.org/#validate_by_upload

CSS
http://jigsaw.w3.org/css-validator/#validate_by_upload

OWASP ESAPI encoder library

ESAPI is a library for user input cleansing for a web application. ESAPI encoder sanitizes user input so that the input can be safely displayed on a user's browser. ESAPI is a great help preventing code injection (inc. SQL injection) and XSS.

OWASP ESAPI (OWASP Enterprise Security API)
https://www.owasp.org/index.php/Category:OWASP_Enterprise_Security_API

ESAPI supports
- Java, .NET, Python, Ruby, PHP, etc.
- Base 64 encoding/decoding is also supported.

P.S. For XSS prevention,
Set cookies HTTP access only and block Javascript access.

Google の検索結果が AJAX で表示されるようになってる！

何日か前からだけれど、検索欄にキーワードを追加する度、検索結果が表示されるようになっている！

ページをツリー形式で管理できる Wiki エンジン

Wiki の各ページがツリー形式で管理できたら...と思ってた人にピッタリ。

mojomojo
http://mojomojo.org/

Perl の フレームワーク、Catalyst のオフィシャルページが使ってます。

e commerse site における 商品画像の表示方法d

ページをスクロールさせていくと、順次次の画像が読み込まれていく！

http://store.apple.com/us/browse/home/shop_ipod/ipod_accessories/cases

オープンソースのWAF

Wizard Bible の金床氏が作っているんだそうな。

Guardian@JUMPERZ.NET
http://www.jumperz.net/index.php

Wizard Bible
http://wizardbible.org/

Gmail, カレンダー, コンタクトリスト を Outlook と同期する

できたんだ、そんな便利なこと。

Google Apps Sync for Microsoft Outlook
http://www.google.com/apps/intl/en/business/outlook_sync.html

データシート
http://www.google.com/apps/intl/en/business/pdf/outlook-sync.pdf

RSSフィードを自動翻訳

Google Reader の寡占がまた一歩進みそうなアナウンスがありましたよ。

Official Google Reader Blog: Is Your Web Truly World-Wide?

Google Reader の機能と Google Translate の機能が合わさって、指定したRSSフィードを自分の言語に自動翻訳してくれるんだそうな...。これぞアイデアのお手本。

アイデア：既存の要素の新しい組み合わせ

Googleが画像からインデックスを作成

Google先生のオフィシャルブログによると、PDF内の画像をOCRを使ってインデックスを付けることにしたんだそうな。

Official Google Blog: A picture of a thousand words?

何を言っているかというと、Web上にある、スキャナで取り込んだ文書（PDFフォーマットの画像）から、中の文章を抽出して、検索できるようにしたってこと。この機能がGoogleデスクトップに搭載されたら大変な事になりますね...。
# ま、技術の流出という問題があるので難しいかもしれませんが。

ストリートビューもそうですが 「そんなリソースあるわけない」 と思考停止してしまうようなアイデアを実現してしまう、その実現力に驚かされます。

x-Servlet

携帯電話用Webコンテンツを作る際、予算があって、凝ったデザインを採用しなければ
コンテンツ変換サーバを使ってサービスを提供できるんですね。

http://www.flexfirm.jp/index.php

# てっきりSOAPでゴリゴリやるものかと。いや、x-Servletの中でやってるんだろうな

goosh: Google Shell

Stephan GrothkoppさんがwebベースのGoogleコマンドラインインターフェース(Shell)を作ったそうです。

goosh
http://goosh.org/

Webベースですぐ使用でき、日本語も通ります。
WebベースのRubyインタープリタ、Try Ruby! のときにも感じましたが、
こういうサーバーの使い方の中にもの凄いブレークスルーが隠れていそうですね。

Try Ruby!
http://tryruby.hobix.com/

- goosh, the Unofficial Google Shell
http://tech.slashdot.org/tech/08/06/02/222234.shtml

PBwiki2.0

無料のwikiホストの老舗、PBwiki より"2.0"になりましたよ、とのアナウンス。

• ページレベルのアクセスコントロール
• ページフォルダとフォルダアクセスのコントロール
  

上記機能が追加されContentsManagementSystem(CMS) としての使いやすくなったようです。
併せて、ページエディタの変更、wikiテンプレートのデザイン変更も行われています。

個人的には、wikiのデザインがスッキリとしたことが一番嬉しいかも。

新機能紹介としてwebクリップが利用されていますが、やっぱり分かりやすいですね。
日本のwebサービスがこうなるのは何時のことやら...。

PBwiki 2.0
http://pbwiki.com/