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, 技術情報

執筆者:

関連記事

no image

セミッターが荒れにくいのは「皮膚感覚」のおかげかも

IT潮流に先日の爆発するソーシャルメディアセミナーのPodCastがUPされています。 ・パネル討論会-「爆発するソーシャルメディア」セミナーから ・パネル討論会②-爆発するソーシャルメディア そこで …

ブラウザの見えていない部分もスクロールしてキャプチャーする方法色々(無料のみ)

資料を作る場合なんかに、サイトのキャプチャー画像を張り付けたりする事がありますが、OSの標準機能のスクリーンキャプチャではスクロールしないと見えない部分は一度にキャプチャーする事ができません。 ・Wi …

やまざきメソッド ジェネレーターを作りました

先日、社内SNSの日報に一際目を引く所感が書かれていました。 それは、デザイナーやまざきさんの日報だったのですが、下記のようなものでした。 コレを見た自分は驚愕しました。 「超見やすいじゃん!」 コレ …

no image

はてブ被ブックマーク数が2000を超えました

はてブがリニューアルして不安定だな〜とか思っていた今日、被ブックマーク数が2000を超えていました。 いつも読んでくれているみなさん、ブクマしてくれているみなさん、 本当にありがとうございます。

no image

AmazonのURLを短くするブックマークレット

今日、はてブ経由でこんな豆知識を仕入れました。 もともとAmazonの商品ページは、書籍であれば10けたのISBNコード、それ以外の製品もASINの10けた番号さえあればアクセス可能だ。 via: 3 …

スポンサードリンク

スポンサードリンク