Archive
SmartyでAjaxを利用したページを作れるプラグイン
久々のSmartyネタです。
SmartyでAjaxを利用したページを作れるプラグインです。
サンプルとして、
- ユーザー登録フォーム
- 計算機
- チャット
などがあります。
説明をみれば何となく使い方がわかるかと思います。
・解説記事
Dmytro Shteflyuk’s Home » Blog Archive » AJAX-enabled Smarty plugins
・ajaxフォームの解説記事
Dmytro Shteflyuk’s Home » Blog Archive » AJAX-enabled Smarty plugins Part 2: ajax_form
・サンプルページ
smarty_ajax - AJAX-enabled Smarty plugins | Introduction
macのMail.appをワイドスクリーン仕様に。。
ワイドスクリーンモニターを使っている人が最近増えてきたんじゃないかと思いますが、
このプラグインはMail.appのカラムを垂直に3つ並べて表示することで、
Mail.appをワイドスクリーンモニターに最適なレイアウトにしてくれます。
“Letterbox: Widescreen Plugin for Mail.app”
Letterbox: Widescreen Plugin for Mail.app | aaron.harnly.net | Aaron

それにしてもプラグインでこんなにもインターフェースを変えれるんですね。
firefoxサイドバーからgmail送信
このURLはgmailのメール送信フォーム部分のURLです。
http://mail.google.com/mail/?view=cm&tf=1&fs=1
このURLをブックマークして「情報を見る」→「このブックマークをサイドバーに読み込む」にチェックしておけば、
メール送信したい時にサイドバーから「メール作成→送信」が出来る訳です。
They’re Missiles; They’re Not Eggs: Gmail Sidebar Mk II (Now Gmail Composer)
「userChrome.css」を変更してfirefoxのサイドバーをフッターに表示する方法も載ってます。
■Stickn(はてブ)を表示

■gmailのメール送信フォーム表示

スタイルシートと画像で枠を角丸にするHTMLを自動生成
htmlで角丸の枠を実現する方法は色々ありますが、
Spanky Cornersは、cssと画像で角丸を実現します。
- 背景色
- 前景色
- 角丸の寸法
を指定すると、cssとhtml、角丸で利用する画像を自動生成してくれます。

SitePoint Tools : Spanky Corners — The SitePoint Corners Store
Livedoor Readerでショートカットキーが使えなくなる
Livedoor Readerを使い始めて以来ずっと悩み続けてきた問題、
「たまにショートカットキーが使えなくなる」
Q. ショートカットキーが使えないのですが?
A. 「j」「k」「s」「a」「p」「o」などのアルファベットを使用するショートカットキーを使う場合は、日本語入力のIMEがオフになっていることをご確認ください。
「enter」「shift」「space」「delete」などを使うショートカットキーの場合は、日本語入力のIMEがオンになったままでもご利用いただけます。
!!っ、そういう事だったんだぁ。。
やはり「ヘルプ」には目を通すべきです。。。
SEXにいたるまでのフローチャート。
システマチックな言葉がちりばめられてて面白かったので。。
Sex Flowchart for the Single Guy. Sex jokes. Funny cartoon. Funny Myspace Pictures. Twisted Humor.

滑らかにスクロールしながらアンカーに移動するスクリプト
javascriptを利用して、ページ内の指定した場所へ滑らかにスクロールしながら移動するライブラリです。
The Tiny Scrolling | Central Scrutinizer (en. vers.)
使い方はかんたんで、ヘッダー内に
<script type="text/javascript" src="tinyscrolling.js"></script>
を記述するだけ。
<a href="#hoge">移動する</a>
…
…
…
…
<h3 id="hoge">hoge</h3>
hogeになめらかスクロールで移動します。
googleをfirefoxサイドバーに表示する素晴らしさ
いまsticknの更新とかでwebブラウザのサイドバー(検索バー)に関しての情報を色々集めてるんですが、
「googleをサイドバーに表示すると便利だよ」というお話。
googleといっても、パーソナライズド ホームのほうね。。
「googleパーソナライズド ホーム」…Googleのシンプルなトップページに最新のニュースや天気などを自分好みに設置できる

erica’s joys :): Firefox Sidebar + Google IG = Useful on any platform
1、firefoxをインストールしてなければインストールしときましょう。
2、firefoxでhttp://www.google.co.jp/igにアクセス。
3、コンテンツを全て左の列によせましょう(ドラッグできます)。よく使うものは上部に持ってきておく。
4、ページをブックマークしましょう
5、ブックマークを右クリック等「情報を見る」でブックマークの情報を表示します
6、「このブックマークをサイドバーに読み込む」にチェックを入れて、「OK」
7、ブックマークにアクセス
サイドバーに表示できたでしょ。
googleパーソナライズド ホームはあらかじめ用意されてるコンテンツを追加・削除できる他に、
自分でRSSフィードとかのURLを直接指定して追加できる(ホームページのコンテンツのディレクトリの検索フィールド横の「URL を指定して追加」)ので、RSSリーダーとかで頻繁に見てるニュースサイトのフィードとかを登録しておくととっても使い勝手が良いです。。
googleパーソナライズド ホームに設置できるコンテンツはRSSフィードの他にもゲームとか、カレンダー、時計とかのガジェットも設置できるんで、かなり楽しめてオススメ!
一つ注意点があって、日本語表示可能なgoogleパーソナライズド ホームは2つあって
米国版日本語表示:http://www.google.com/ig?hl=ja
日本版:http://www.google.co.jp/ig
があります。お互いコンテンツの内容を共有する事が出来ないんで注意して下さい。
googleアカウントでログインしていれば、共有できます。。
良さげなガジェット・RSSフィード、挙げときますね。
ガジェット(コンテンツ)のディレクトリも2つのページがあって、
米国版:http://www.google.com/ig/directory
日本版:http://www.google.co.jp/ig/directory
があります。
米国版の方がやはり豊富に揃ってますね。
もしかしたらhttp://www.google.com/ig/directoryにあるもので、日本版のパーソナライズホームでは使用できない物があるかもしれません。。
良さげなガジェット
Gmail
Gmail受信トレイをプレビューします。
(もちろんGmailアカウント無きゃだめです)
Wikipedia
Wikipedia検索とウィジットへの移動。 言語選択可能
Google Calendar
googleカレンダーを表示
(アカウント無きゃだめです)
Date and Time
時計と日付1
Time and Date
時計と日付2
BackGround Color
googleパーソナライズド ホームのbgカラーを変更する
To-Do List
シンプルなToDoリスト
「Stickn サイドバーにはてブ表示」にブックマーク一覧表示機能
Stickn -サイドバーにはてなブックマークを表示-で、タグ毎のブックマーク表示だけじゃなく、単純にブックマーク一覧も表示できるようにしました。
Sticknサイドバー上部の「
」アイコンをクリックすると、ブックマーク一覧を表示できます。
まだSticknを利用してない方は是非、使ってみてください