Home > 200708
200708
Yahoo! Widget Engine:拡張自由で便利なデスクトップガジェット
Yahoo! Widget Engine(海外版公式サイト)
Yahoo! Widget Engine
Yahoo!が提供しているガジェットサービス。更に正しくいうと、別名(Konfabulator)で開発・販売していたシェアウェアだったのだが、Yahoo!が買収し無料配布されるようになったのである。なので、現在は無料で使えるソフトなのである。
ガジェットは、JavaScript+XML(+画像ファイルなど)の組み合わせで作られた「Ajax」ベースのランタイムエンジン。Ajax効果により、デスクトップ上でダイナミックに動かせるのが特長。
上記画像が自分の環境で実装してみたサンプルです。
デフォルトでは、Yahoo!簡易検索フォーム、時計や天気情報、充電状況、メッセンジャーなどが準備されている。
勿論、公式のガジェットだけではなく、世界各地の開発者が作成した共有ガジェットもたくさん無料でダウンロードでき、自分のデスクトップに置くことができる。日本版でも結構な数のガジェットが配布されているが、海外版の方が比較にならないほどたくさん配布されている。
Yahoo! Widget Engine
Yahoo!が提供しているガジェットサービス。更に正しくいうと、別名(Konfabulator)で開発・販売していたシェアウェアだったのだが、Yahoo!が買収し無料配布されるようになったのである。なので、現在は無料で使えるソフトなのである。
ガジェットは、JavaScript+XML(+画像ファイルなど)の組み合わせで作られた「Ajax」ベースのランタイムエンジン。Ajax効果により、デスクトップ上でダイナミックに動かせるのが特長。上記画像が自分の環境で実装してみたサンプルです。
デフォルトでは、Yahoo!簡易検索フォーム、時計や天気情報、充電状況、メッセンジャーなどが準備されている。
勿論、公式のガジェットだけではなく、世界各地の開発者が作成した共有ガジェットもたくさん無料でダウンロードでき、自分のデスクトップに置くことができる。日本版でも結構な数のガジェットが配布されているが、海外版の方が比較にならないほどたくさん配布されている。
画像に線や枠を付けて装飾する
- 2007-08-29 (Wed)
- FC2blog Tips
- FC2blog
- Tips
- CSS
Category :
Tags :
記事に貼り付けた画像の見せ方を変える説明をしたいと思います。画像の周りに線や枠を付けることで、画像をポラロイド写真風の見せ方にしようと思います。
ポラロイド風にするためには、css編集と画像タグに追記する作業が必要です。
●ポラロイド
●css編集
●ポラロイド(影付き)
●css編集
「pora」や「pora-kage」は、勿論お好きな言葉にしてください。これを複数cssに記述しておくことで、都度記事に画像を貼る際にタグを追記することで、色々な画像の見せ方をすることができます。
通常の画像![]() |
ポラロイド風![]() |
ポラロイド風(影付き)![]() |
ポラロイド風にするためには、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リスト帳)が設置できるデスクトップアプリケーション。しかもミニカレンダーなので、デスクトップの邪魔にもならず、表示非表示の切替も簡単なので便利。パーソナルにもビジネスにも使える汎用的といえる無料ソフト。
デフォルトでのサンプル画像は以下。

右クリックでプロパティ設定画面が表示。他のスキン(レイアウト)にしたい場合、カスタマイズサイトから別途ダウンロードする必要あり。ダウンロードしたら、「Rainlendar」フォルダ内の「skins」に対象ファイルを突っ込めば、プロパティ画面でスキン選択肢に追加される。
メモ帳やToDoリストもダブルクリックすれば、入力画面が表示される。変更や削除をしたい場合は、再度入力画面を出すか、右クリックで可能。
このフリーソフトは、デスクトップにカレンダーとメモ帳(メモ+ToDoリスト帳)が設置できるデスクトップアプリケーション。しかもミニカレンダーなので、デスクトップの邪魔にもならず、表示非表示の切替も簡単なので便利。パーソナルにもビジネスにも使える汎用的といえる無料ソフト。
デフォルトでのサンプル画像は以下。

右クリックでプロパティ設定画面が表示。他のスキン(レイアウト)にしたい場合、カスタマイズサイトから別途ダウンロードする必要あり。ダウンロードしたら、「Rainlendar」フォルダ内の「skins」に対象ファイルを突っ込めば、プロパティ画面でスキン選択肢に追加される。
メモ帳やToDoリストもダブルクリックすれば、入力画面が表示される。変更や削除をしたい場合は、再度入力画面を出すか、右クリックで可能。
Home > 200708
- Recent Comments
-
- とりもち:綺麗な風景壁紙 vol2 (06/12)
- TomomiX:綺麗な風景壁紙 vol2 (06/12)
- とりもち:綺麗な風景壁紙 vol2 (06/11)
- TomomiX:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- aco_oca:Greybox実装手順 (05/28)
- TomomiX:Office2003・Office2007の共存方法 (05/27)
- エ:Office2003・Office2007の共存方法 (05/26)
- TomomiX:Shadowbox応用:Webページに実装させる (05/15)
- ハムネコ:Shadowbox応用:Webページに実装させる (05/14)
- Recent Trackback
- Feeds

