Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

JavaScript 小技集

PhotumblrでTumblrの画像をブログパーツにしてみる

投稿日:


だいぶ前にTumblrの画像を抜き出すPipesを作ったんだけど、今日はそれを使ってブログパーツを作ってみます。
元ネタはこちらのエントリーをお読みください。(で、省略w)
「Photumblr」Tumblrの画像だけ抜き出してRSSにするPipes


Photumblr Badge – jsdo.it – share JavaScript, HTML5 and CSS

ブログパーツなので、スクエアのサムネイルを並べる感じにしましたが一応サイズ変更可能です。ただ、自分所有の画像でない事が多いのでやはり一番小さなサムネイルを使うのが妥当だと思っています。
JSで組み立てているHTMLとか、CSSとかは適当なのでデザインに合わせて変更した方が良いと思います。

まとめ

今回初めてjsdo.it使ってみたんだけど(てか使いたかったからエントリー書いたんだけどw)これは便利すぎる。小さなコードをエントリーに書くだけだったらjsdo.itだけで済んでしまうかもしれない。ちゃんとプレビューもできるし最高です。

-JavaScript, 小技集

執筆者:

関連記事

no image

ブログデザインをリニューアルしました!これからはCreazy!

1年以上も寝かし続け、いっそなかった事にしようと思っていたリニューアルをついに公開しました! 4回に渡って実施されたブログデザイン勉強会の後押しもあり、途中脳内が血みどろになるほど苦労してここまでこぎ …

新しいFacebookページにStatic iframe形式でタブを追加する方法

【2011/02/21:追記】 iframe形式を使おうと思っている方は、こちらの記事も参考にしてください。 Facebookページのiframe形式タブに切り替える場合は、バグに注意! 少し前にfa …

no image

見ているページのHTMLソースを表示するブックマークレット(Yahoo!Pipes版)

この辺のエントリーに触発されてブックマークレット作りました。 ・URLを渡すとページの内容(htmlソース)をJSONPとかで取得できるAPIをYahoo! Pipesで作った(管理人日記) &#82 …

no image

Smartyで配列のダンプを表示させる5つの方法

Smartyといえば、言うまでもなくPHPの中ではとても有名なテンプレートエンジンです。自分でも長い事使ってきたんだけども、使い方が分からなくて困るほど難しい事をしてこなかったせいか全然深いところまで …

no image

動画を楽しもう!(YoutubeをMP4でダウンロードするもっと簡単なブックマークレット)

YoutubeをMP4の高画質で見れる方法がある事が分かり、Google Operating SystemではすでにMP4形式でダウンロードできるブックマークレットが紹介されています。 One way …

スポンサードリンク

スポンサードリンク