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, 小技集

執筆者:

関連記事

FlickrExがWordPressのLazy Load Pluginに対応しました!

先月このブログにも導入し、Lazy Loadとの共存のための修正などで協力させていただいたFlickrExですが、どうもWordPressでうまくいかないという声が聞こえてきていたので、なんとなくやり …

表紙で探すプログラマーっぽい写真

ブログデザイン勉強会 第3回を経て、このブログを的確に表現できる写真選びを進めています。が、ハッキリ言っていままで撮りためているストックの中には無いんじゃないかと思っています。ボクがよくカメラを向ける …

no image

Facebookページのiframe形式タブに切り替える場合は、バグに注意!

【2011/03/23:追記】 セキュアな接続(https)の場合に、iframeタブが表示されない問題が解決されていました。 Facebook Platform .:. Bug 15200 &#82 …

HTMLソースを表示するブックマークレット(GeSHiでシンタックスハイライト版)

似たようなブックマークレットが続きますが、ご容赦下さい。 先日作ったHTMLソース表示ブックマークレット(Yahoo!Pipes版)は、Pipes側の制限で、一部タグが見えなかったりして使い勝手が微妙 …

第1回:CSSで画像にborderをつけてみる

記念すべき初回のエントリーはCSSによるborderのスタイルを色々試してみます。やっぱりフォトサイトで一番気を遣うのは写真(画像)を表示するための <IMG>タグ だと思います。で、bo …

スポンサードリンク

スポンサードリンク