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

執筆者:

関連記事

[N]ネタフル x [S]シカマケ = ブログデザイン勉強会 第3回:自分探しの旅は一周して写真に回帰

昨日は、ネタフルのコグレマサトさん主催、視覚マーケティングのススメの著者で鬼コーチこと(w)ウジトモコさんを講師に迎えての勉強会の第3回に行ってきました。 これまで、第1回では1枚絵で、第2回ではテー …

no image

blog chart.jp のブログパーツが重いので勝手に改造した

すでにローンチから時間が経ってしまっていますが、ブログを色々な角度から解析してチャート化してくれるWebサービス「blog chart.jp」というのがあります。 ABCDEFGの頭文字をもつ6つの指 …

MovableTypeにFacebookのOpen Graph protocol(OGP)を対応させる方法

【2012/12/02:追記】 記事本文の最初にでてくる画像URLを抜き出すという目的では、元の正規表現では少々問題があったため修正しました。詳細はMTタグの解説部分のコメントをご確認ください。 ども …

no image

第15回:見ているページをAnother HTML-lintで文法チェックするブックマークレット

サイトを作ったら、見た目の確認も重要ですがマークアップの文法チェックも重要です。別にW3C信者という訳ではありませんがSEOの面でもstrictなHTMLの方が良さそうなのでできる限り対応した方が良い …

第6回:TinyURL の遷移先が怖くて開けない場合の対処法

twitter や、mixi でよく使われている、 TinyURL というWEBサービスは長〜いURLを短〜くしてくれるので便利なんだけど、他の人が書いている TinyURL をクリックするのがちょっ …

スポンサードリンク

スポンサードリンク