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

執筆者:

関連記事

【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ)

ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思 …

no image

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

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

Googleスプレッドシートのチェックボックスを便利に使う方法

2018年中旬、Googleスプレッドシートにチェックボックス機能が搭載されました。エクセル同様に、計算式やGAS(Google Apps Script)による高度なカスタマイズで、ビジネスの効率化に …

facebookの新プロフィール画面で、写真をうまく使ってデザインする方法

【2011/02/01:追記】 ファンページについてのエントリーも書きましたので、そちらもどうぞ。 facebookのファンページを作る時に気をつけたい細かい話 半年くらい前から、ネット上でfaceb …

WordPressテーマ作成の第一歩。ファイル・テンプレート構造を理解する

Movable Typeでブログを続けて7年目の@yagerです。特にこのブログをWordPressに変えようとかって話ではないんですが、メインで開発している言語がPHPだったりもしますし、新しいサイ …

スポンサードリンク

スポンサードリンク