Why and how to create Microsoft Office Minibar with jQuery and CSS3

jQueryとCSS3で文字修飾に便利なMS Office 2007のMinibar風ウィジェットを実装するサンプル
テキストを選択すると、ツールバーがうっすらと現れ、ツールバー内のボタンを押すと、文字が修飾されるようタグを付与してくれるようなMinibar実装サンプルです。



デモページではその場でプレビューされる機能もあります。



デモでは、b, i, uタグの他、リンクタグしかありませんが、他にも追加することで、テキスト入力をより便利にすることが出来そうですね。

関連エントリ

• フォームのユーザビリティに貢献するjQueryプラグイン
• select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」
• テーブルのユーザビリティを飛躍的に向上させる「Chromatable」