Creazy!

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

WebService 技術情報

新しいFlickrはブログへのHTML貼付けが簡単

投稿日:


先ほど、Flickrをいじってたら新しいフォトページを試しませんか?って出てきたんですね。
new_flickr_01
で、リンクを押してみたら新しいレイアウトを試すことができました。
new_flickr_02
デフォルトで640pxの画像が表示されるようになりました。
旧レイアウトでは500pxでしたから、一回り大きく見えます。
これ、昨日Flickrブログでもアナウンスでてたんですね。
A New Photo Experience: Your Photos, Happier « Flickr Blog


この640pxサイズができたのは個人的にはすごく嬉しいです。というのもブログリニューアルをしたときに画像や動画を大きめに見せたいのでメインエリアの横幅を640pxに合わせていたのです。YouTubeはすでに640px幅のembedがあったのですが、Flickrは500px(の次は1024px)だったので少し余分なスペースがありました。これでピッタリ表示できます。
それからコントロール系のボタンは上の「Actions」「Share this」にまとめられたようです。
new_flickr_03
ブログに貼りつけたい時は、まず「Share this」を押します。
すると、「Grab the HTML」というメニューがあるのでこれもクリック。
new_flickr_04
ここにHTMLのコードが表示されるのでブログにコピペすればOK。
下にプルダウンでサイズ選択があり、プルダウンを変更するとJavaScriptですぐにHTMLが変更されるので作業時間が短縮されます。
今までHTMLをコピペするために、「all sizes」を見てから必要なサイズを選択してHTMLコピーとしていたのですが、各アクションがページ遷移を伴っていたのでFlickrが思い時間帯なんかは結構ストレスがたまる作業でした。今回のレイアウト変更でページ遷移なしでコピペまでいけるようになったのでかなり便利だと思いますよ。
ちょっと惜しいのが出力されているHTMLがXHTML Validでないこと。IMGタグの閉じスラッシュが抜けてるんですね。この辺り改善しないようであればUserScriptでも書いて対応しないといけないかなぁとか考えています。
本気で稼ぐための「アフィリエイト」の真実とノウハウ (単行本)
4798026182

-WebService, 技術情報

執筆者:

関連記事

ボクのMacBookができるまで:(5.開発環境構築編)

2008年10月にMacBook(Late2008、unibody)を購入してから毎日肌身離さず持ち歩いていますが、メール・ブラウジング以外にもブログで紹介しているWEBサービスやツールなどの開発にも …

no image

Nslookup API を作りました

前回はnslookupをPHPで実現してみたのですが、 ・nslookupをPHPで実装する簡単なサンプル 折角なのでAPI化して誰でも使えるようにしてみました。 ・Pipes: Nslookup A …

no image

DBでソートの対象となるカラムはデータ型に注意すべき

当たり前なんだけど、意外とハマる可能性がある気がするのでメモ。 例えば、以下のようなテーブル(test)があるとします。 id name 1 太郎 2 次郎 3 三郎 10 花子 11 良子 で、以下 …

Google Chrome で CSS Animation して遊んでみた

今日はどこもかしこもGoogle Chromeの話題で持ち切りでしたね。 Chrome はあの Google が開発したブラウザーです。 早速使ってみましたが、噂に違わぬ爆速ぶりでデフォルトブラウザに …

no image

Youtube でHD動画に対応しているか確認する裏技見つけた

Youtube好きなみなさんこんにちは。しつこくHDネタ続きます。 (今回技術的な要素が多いため、「動画を楽しもう!」シリーズではありません) 前回、HEADリクエストでHTTPステータスを取得し、動 …

スポンサードリンク

スポンサードリンク