Home > 2007年08月


2007年08月

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Yahoo! Widget Engine:拡張自由で便利なデスクトップガジェット

Yahoo! Widget Engine(海外版公式サイト)
Yahoo! Widget Engine

Yahoo!が提供しているガジェットサービス。更に正しくいうと、別名(Konfabulator)で開発・販売していたシェアウェアだったのだが、Yahoo!が買収し無料配布されるようになったのである。なので、現在は無料で使えるソフトなのである。

20070830_1.pngガジェットは、JavaScript+XML(+画像ファイルなど)の組み合わせで作られた「Ajax」ベースのランタイムエンジン。Ajax効果により、デスクトップ上でダイナミックに動かせるのが特長。

上記画像が自分の環境で実装してみたサンプルです。
デフォルトでは、Yahoo!簡易検索フォーム、時計や天気情報、充電状況、メッセンジャーなどが準備されている。

勿論、公式のガジェットだけではなく、世界各地の開発者が作成した共有ガジェットもたくさん無料でダウンロードでき、自分のデスクトップに置くことができる。日本版でも結構な数のガジェットが配布されているが、海外版の方が比較にならないほどたくさん配布されている。

画像に線や枠を付けて装飾する

記事に貼り付けた画像の見せ方を変える説明をしたいと思います。画像の周りに線や枠を付けることで、画像をポラロイド写真風の見せ方にしようと思います。

通常の画像
2006006.jpg
ポラロイド風
2006006.jpg
ポラロイド風(影付き)
2006006.jpg

ポラロイド風にするためには、css編集と画像タグに追記する作業が必要です。

●ポラロイド
●css編集
.pora img{
    background-color:#fff;
    padding: 5px 5px 20px 5px;
    border: solid 1px #999; 
}
●タグ編集
<div class="pora"><img src="http://blog-imgs-16.fc2.com/b/l/a/blackcat13numbers/2006006s.jpg" alt="2006006.jpg" border="0" align="left/><br clear="all" /></div>

●ポラロイド(影付き)
●css編集
.pora-kage img{
    background-color:#fff;
    padding: 5px 5px 20px 5px;
    border-top: 1px #ccc solid;
    border-right: 5px #ccc solid;
    border-bottom: 5px #ccc solid;
    border-left: 1px #ccc solid; 
}
●タグ編集
<div class="pora-kage"><img src="http://blog-imgs-16.fc2.com/b/l/a/blackcat13numbers/2006006s.jpg" alt="2006006.jpg" border="0" align="left/><br clear="all" /></div>

「pora」や「pora-kage」は、勿論お好きな言葉にしてください。これを複数cssに記述しておくことで、都度記事に画像を貼る際にタグを追記することで、色々な画像の見せ方をすることができます。

Rainlendar:デスクトップ上にカレンダーとメモ帳を設置

Rainlendar

このフリーソフトは、デスクトップにカレンダーとメモ帳(メモ+ToDoリスト帳)が設置できるデスクトップアプリケーション。しかもミニカレンダーなので、デスクトップの邪魔にもならず、表示非表示の切替も簡単なので便利。パーソナルにもビジネスにも使える汎用的といえる無料ソフト。

デフォルトでのサンプル画像は以下。
20070828_1.png

右クリックでプロパティ設定画面が表示。他のスキン(レイアウト)にしたい場合、カスタマイズサイトから別途ダウンロードする必要あり。ダウンロードしたら、「Rainlendar」フォルダ内の「skins」に対象ファイルを突っ込めば、プロパティ画面でスキン選択肢に追加される。

メモ帳やToDoリストもダブルクリックすれば、入力画面が表示される。変更や削除をしたい場合は、再度入力画面を出すか、右クリックで可能。

Home > 2007年08月

Recent Comments
Recent Trackback
Feeds

↑Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。