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

執筆者:

関連記事

ブログに埋め込んだFlickr画像に自動でEXIF情報を追加する「FlickrEx」がLazyLoadに対応!

ボクは写真が好きで、バックアップも兼ねてFlickrに全ての写真データをアップロードしているのですが、ブログに貼り付ける画像もFlickrにアップロードしたものを使っています。プロアカウントを持ってい …

Googleドライブのフォーム機能からGoogle Apps Scriptを使ってメール自動返信2014年版

Googleドキュメントのフォーム機能からGoogle Apps Scriptを使ってメール送信 [C!] 上記記事は2011年に書いて今でも非常にたくさん参照されているのですが、Googleの仕様変 …

高感度撮影した写真のノイズ低減を3つのソフトで比較(Photoshop Elements, Neat Image, Photoshop Lightroom)

先日、ホタルの高感度撮影に挑戦したところ、愛用しているGF3ではノイズがかなりヒドイ状態で見るも無残だったため、少しでもノイズを除去できないかと調べてみました。画像の編集にはPhotoshop Ele …

「TwitterFollowBadge」がIEで見れない件の対応方法

なんか、近くで嘆きの声が聞こえた気がするので(w)さらっと書いときます。 TwitterFollowBadgeっていう、ブログのサイド(右か左)にはれるTwitter用のブログパーツがあるんだけど、こ …

no image

第5回:twitter の JavaScript Badge を改造する

しつこく twitter ネタでまいります。 前回の記事で JavaScript の Badge がちゃんと動くようになりました。これで CSS を使えば自由にレイアウトできるようにはなったんだけど、 …

スポンサードリンク

スポンサードリンク