ブログパーツ」カテゴリーアーカイブ

ブログパーツ作り

美女Linux iGoogle ブログパーツを公開

さっくりと、開発バージョンを公開しておきます。本家 bijo-linux.com への公開はもうちょっとお待ちを 美女Linux 0.9 – 自分のホームページに追加 http://www.google.com/ig/directory?url=bijo-linux.com/bp/js/bijo-0.9.xml http://www.google.com/ig/directory?url=bijo-linux.com/bp/js/bijo-off-0.9.xml http://www.google.com/ig/directory?url=bijo-linux.com/bp/js/bijo-feb-0.9.xml 美女Linux v0.9 http://www.google.com/ig/adde?moduleurl=http://bijo-linux.com/bp/js/bi … 続きを読む

カテゴリー: 開発, ブログパーツ | コメントする

写真にマスクをかけて切り抜きをする

久し振りに、美女Linux http://bijo-linux.com のブログパーツ作成です。 今回は、ブログパーツ自体をハートマークにしてしまおうという企画で、出来上がりはこんな感じ。 ここのブログだと、背景が白なので変わり映えしませんが、色がついていたり画像が貼ってあったりすると、透過されているのがよくわかります。 さて、これをどう実現するのかと言うと、って非常に簡単で。 ハートマークのフレームを用意します。 ハートマークに切り抜いた写真を用意します。 そして重ね合わせ しているだけです。普通、写真のほうは四角形だったりするので、ブログパーツ自身も四角形になってしまうことが多いのですが、元の写真から切り抜いてしまえば、重ね合わせのときに両方とも背景が投下されます。 ▼切り抜いた写真 ▼フレーム画像 の重ね合わせです。 さて、この切り抜いた画像をどう作るかというと、マスク画像との重ね合 … 続きを読む

カテゴリー: 開発, ブログパーツ | コメントする

美女Linux 公開

美女リナックス | Linuxコマンドをもっと素敵で身近に http://bijo-linux.com/ 何気にブログパーツを作っていた、美女 Linux が公開になりました。 ツイッター、ブログ等を見ると、賛否両論…というか、意味ないぞこれ!?っていうのが目立ちますが(苦笑)、それはそれアレはアレですね。おそらく大丈夫です、何が? ブログパーツのほうは、 http://bijo-linux.com/blogparts/ にある通り、script タグの貼り付けで OK です。 Windows デスクトップガジェット iGoogle のパーツ は、早々に準備、ということで。    

カテゴリー: ブログパーツ | 2件のコメント

美女LinuxブログパーツをDSiで動かす

試しに、DSi ブラウザで、美女Linux のブログパーツを動かしたところ、そこそこ動いたので、ちょっと整形しました。 http://bijo-linux.com/bp/ds8.html Opera の場合 DSi ブラウザに合わせるために、縦 352px 横 240px に合わせて、右下にロゴを透過PNGで貼り付け。 # うまく、透過できなかったので、これは後々コニカさんに作って頂くとして(苦笑) いわゆるフォトフレーム替わりというか、DS で Linux の勉強をするというか、そんな使い方も?(どんな使い方?)もできるかなぁと。  

カテゴリー: 開発, ブログパーツ | 2件のコメント

ブログパーツをiGoolgeパーツに変換する

美女Linuxブログパーツ作成企画 ブログパーツを作る(準備) ブログパーツで画像の切り替え ブログパーツのフォントを揃える ブログパーツをjavascriptだけで作る場合の懸念点 ブログパーツに画像を重ね合わせてフレームを付ける ブログパーツから動的にパーツデータを取得する Microsoft Expression Web 4 を利用してブログパーツを作る 美女LinuxブログパーツはiPadでも動くよ 試しに Flash 版のブログパーツを作ってみる さらに寄り道してSilverlightでブログパーツを作る ブログパーツを iGoogle パーツに変換する ← 本道へ戻る Google を良く使う人ならば、iGoogleのほうが便利、というか、gmail ぐらいしかまともに表示させていないのですが。。。 な風に、美女Linux ブログパーツが表示できます。 作り方は簡単で、元々 j … 続きを読む

カテゴリー: 開発, ブログパーツ | 3件のコメント

さらに寄り道してSilverlightでブログパーツを作る

美女Linuxブログパーツ作成企画 ブログパーツを作る(準備) ブログパーツで画像の切り替え ブログパーツのフォントを揃える ブログパーツをjavascriptだけで作る場合の懸念点 ブログパーツに画像を重ね合わせてフレームを付ける ブログパーツから動的にパーツデータを取得する Microsoft Expression Web 4 を利用してブログパーツを作る 美女LinuxブログパーツはiPadでも動くよ 試しに Flash 版のブログパーツを作ってみる さらに寄り道してSilverlightでブログパーツを作る ← 寄り道 Siverlight 4 でブログパーツを作るとこんな感じ。 <サンプル> 移植はすんなりできそうです。 <コード> コード的には、これが一番すっきり…というか得意分野だけなんですが。

カテゴリー: 開発, ブログパーツ | コメントする

試しに Flash 版のブログパーツを作ってみる

美女Linuxブログパーツ作成企画 ブログパーツを作る(準備) ブログパーツで画像の切り替え ブログパーツのフォントを揃える ブログパーツをjavascriptだけで作る場合の懸念点 ブログパーツに画像を重ね合わせてフレームを付ける ブログパーツから動的にパーツデータを取得する Microsoft Expression Web 4 を利用してブログパーツを作る 美女LinuxブログパーツはiPadでも動くよ 試しに Flash 版のブログパーツを作ってみる ← 寄り道 Adobe Flash Pro CS5 体験版をダウンロードして作成してみる。 いやぁ、マジに初めてなもので、全く使い方が分かりません。。。が、ひとまず、こんな感じまで出来ました。 <サンプル> 画像の切り替えまでは分かったけど、外部読み込みは断念。これはまた後日。 なんか、ActionScript 3.0 から文法が変わっ … 続きを読む

カテゴリー: 開発, ブログパーツ | コメントする

美女LinuxブログパーツはiPadでも動くよ

美女Linuxブログパーツ作成企画 ブログパーツを作る(準備) ブログパーツで画像の切り替え ブログパーツのフォントを揃える ブログパーツをjavascriptだけで作る場合の懸念点 ブログパーツに画像を重ね合わせてフレームを付ける ブログパーツから動的にパーツデータを取得する Microsoft Expression Web 4 を利用してブログパーツを作る 美女LinuxブログパーツはiPadでも動くよ ← いまここ 一応、Javascript オンリーで動かすときのメリットは、iPad や iPhone で動くことです。 持ち合わせに iPhone が無いので、iPad で(…iPad だけ、持っているパターンは珍しいのだがw)。 iPad だと ブラウザが safari になるのと、フォントが windows 系ではないので、フォントイメージが異なりますが、まずまずな感 … 続きを読む

カテゴリー: 開発, ブログパーツ | コメントする

Microsoft Expression Web 4 を利用してブログパーツを作る

美女Linuxブログパーツ作成企画 ブログパーツを作る(準備) ブログパーツで画像の切り替え ブログパーツのフォントを揃える ブログパーツをjavascriptだけで作る場合の懸念点 ブログパーツに画像を重ね合わせてフレームを付ける ブログパーツから動的にパーツデータを取得する Microsoft Expression Web 4 を利用してブログパーツを作る ← いまここ Javascript オンリーでブログパーツを作る場合、簡単な画像の切り替えだけならば、手打ちで CSS を使ってもいいのですが、ちょっと凝ったデザインだと途端にお手上げになってしまいます。 (いえ、方眼紙に地道に書けばいいんですけど、、、) という訳で、適当な WEB サイト作成ツールを使えば良い、ということに気づいて、 Microsoft Expression Web 4 を使ってみました。 この手のツールが、ブロ … 続きを読む

カテゴリー: 開発, ブログパーツ | 2件のコメント

ブログパーツから動的にパーツデータを取得する

美女Linuxブログパーツ作成企画 ブログパーツを作る(準備) ブログパーツで画像の切り替え ブログパーツのフォントを揃える ブログパーツをjavascriptだけで作る場合の懸念点 ブログパーツに画像を重ね合わせてフレームを付ける ブログパーツから動的にパーツデータを取得する ← いまここ ブログパーツをjavascriptだけで作る場合の懸念点 | Moonmile Solutions Blog http://www.moonmile.net/blog/archives/1530 のところで、クロスサイトスクリプトの問題がなぁ、う~ん、と思っていたのですが、なんじゃ JSONP を使えば簡単にクリア。 これでできる! クロスブラウザJavaScript入門:第11回 JSONP入門|gihyo.jp … 技術評論社 http://gihyo.jp/dev/serial/01/cross … 続きを読む

カテゴリー: 開発, ブログパーツ | コメントする