tumblrで画像がdashboardに流れてきて、もっと大きい画像が見たいと思った時、出典つきで画像が外へリンクされているけどリンク切れで見れないことがある。また、テーマの関係で画像が縮小されて表示されていて、画像を保存しようとしたり、オリジナルのもっと大きいサイズが見たいと思った時に 右クリック→「新しいタブで画像を開く」をしてもテーマで表示されているサイズのままの時がある。で、そういう時にもっと大きいオリジナルの画像が見たいよーとずっと思ってた。tumblrにオリジナルサイズのデータが保存されているってのは知ってたんだけど、 その画像を見る方法を知らなかったので、同じようにまだ困っている人がいればと思って見る方法書いておく。 例えばパソコンの壁紙やtwitterの背景画像にしているお気に入り画像の http://tgrr-storeroom.tumblr.com/post/12649
capturejsはnode.jsを使ったWebサイトのスクリーンショット取得ツールです。JavaScriptを使って一部の変更ができます。 Webサイトのキャプチャツールは人気がありますが、capturejsはとても面白いツールです。まるごと画像化するだけでなく、DOMセレクタを使ったりJavaScriptを使ってコンテンツを改変した上で画像化できます。 まずセレクタを使った例です。 ヘッダー部分だけ画像化できています。 次はロゴをhiddenにした場合。確かに画像が消えています。 オプションとしてユーザエージェントを指定したり、Cookieファイルの指定、タイムアウト時間の指定、ViewPortの設定もできるようになっています。コンテンツの一部だけを画像化したいといったニーズにぴったりなソフトウェアです。 capturejsはnode.js/JavaScript製、MIT Licens
1：以下、名無しにかわりましてVIPがお送りします(チベット自治区)：2011/03/14(月) 15:45:59.90 ID:+reTq6Jf0 炊き出しに殺到する群集 食事の奪い合い 暴動後の惨状 はびこる暴漢たち 3：以下、名無しにかわりましてVIPがお送りします(チベット自治区)：2011/03/14(月) 15:46:36.66 ID:7Tk2MW7y0 どうせ猫なんだろうって思いながらみたらそのとおりだった 4：以下、名無しにかわりましてVIPがお送りします(大阪府)：2011/03/14(月) 15:46:42.25 ID:OeuSsEkL0 そいつらはきゃっと捕まるから 6：以下、名無しにかわりましてVIPがお送りします(大分県)：2011/03/14(月) 15:47:58.32 ID:09SnXsUt0 にゃんと恐ろしい 8：以下、名無しにかわりましてVIPがお送りし
Lightweight Circle slideshow | Required:jQuery | Tags:image slideshow,image gallery | Slideshow & Scroller これは新しい、回転させて切り替えるスライドショー実装jQueryプラグイン 通常スライドショーといえば、長方形ですが、このプラグインによって実装したギャラリーは次のように円形です。 画像の送りも画像の赤い部分を円形にドラッグ＆ドロップすることで実現します。 ドラッグしてみると次のように画像が送れます。 赤い丸のところは画像なんかに置換してよりカッコよくすることが出来そうですね。 ちょっとした驚きの要素として入れてみてもよさそう。 関連エントリ AppleっぽいUIが秀逸なイメージスライドショー実装jQueryプラグイン「AviaSlider」 シンプルだけどとってもクールなスライ
最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」 2010年12月06日- jQuery Apple Effect 最初に必要なものだけ効果的に見せるAppleサイト風エフェクト実装jQueryプラグイン「Apple Effect」。 最近Appleのサイトを見たことがある方なら分かると思いますが、最初に1枚の画像を表示しておいて、ナビゲーションなんかは少し待たせて、フェードインしながら表示するというカッコいい効果を作れます。 最初に1枚の画像を表示 フェードインしながらナビゲーションを表示する こちらのデモで動きを確認 実装は1行。 $('#target').appleEffect(); オプションを渡すことでアニメーション開始までの時間を設定したり、コールバック関数を指定できたりします。 ちょっとめんどくさそうなこの機
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
How to Create an Awesome Image Preloader | Nettuts 画像を今風にプレロードするjQueryプラグイン。 画像をプレロードするというと、new Image してsrc に指定とかCSSで見えないようにしてロード等いうのが昔は一般的でしたね。 紹介されている jQueryプラグインを使うことで、画像の表示位置にローディングアニメーションを付けつつ、画像が読み終わったらフェードインアニメーションで表示という、今風な感じでロードできるようです。 デモページ 画像を読み込んだ後のコールバック関数を指定することもできるので、更にこれから何かをしたいという場合にも便利。 関連エントリ 画像ギャラリーを作る際に便利に使えそうなjQueryの画像ギャラリー実装プラグイン37種 これはいい！iPadテーマのjQuery画像ギャラリー 画像にぼかし効果を与えられ
ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 2010年11月12日- Official documentation for the jQuery 'onImagesLoad' plugin - by Cirkuit Networks, Inc. ページ内の画像が全部読まれた場合にイベントを発生させられるjQueryプラグイン「onImagesLoad」 ブラウザの標準機能ではonloadはありますが、画像を読み込んだタイミングで発生させるonImageLoadを発生させられるjQueryプラグインです。 単純に、ページ全体の画像というくくりだけでなく、特定の<div>内の画像を全部読み込んだ後で発生させることも出来るみたいです。 AJAXを活用したダイナミックなサイトで活用できそうですね。 具体的な動作サンプルはサイトでチェ
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。 オンラインのジェネレーターではなく、ローカル環境で動かすソフトウェアです。使い方も凄く簡単ですよ。 言語も日本語に対応しています。 わずか3STEPで作成出来ます。 STEP.1 使い方はDLページにも書いてありますが、簡単にご紹介。おそらく直感で作成出来ます。ソフトウェアをDLしてセットアップすると上記画面が立ち上がります。ここにギャラリーにしたい画像をドラッグ＆ドロップしていきます。 STEP.2 画像を決めたら、上部のPublishをクリックします。すると
Davor Spasovski / Web Developer 画像を使った綺麗なタイマーが実装できるjQueryプラグイン「spriteTimer」。 次のような１枚の画像を使って簡単に綺麗なカウントダウン＆カウントアップタイマーが実装できます。 タイマーを表示されるなら味気ないテキスト表示よりも画像で綺麗にやりたいですよね。 画像なので、画像編集ツールを使って簡単にフォントやデザインを替えられます。 元画像。これをjQueryでCSSスプライトを活用してタイマーにします。 残り１時間に設定したカウントダウンタイマー。ちゃんと時間表示になってますね。 カウントアップにも対応。スタート/ストップボタンによってタイマーの制御も出来ます。 地味に使いそうなので覚えておいてもよさそう。 関連エントリ 画像にぼかし効果を与えられるjQueryプラグイン「Image Blur」 色合いを選べるツール
jQuery Slide Effect | hv-designs jQueryを使って画像の上にコンテンツをクールにアニメーションされてオーバーレイ表示するサンプル。 特別に難しかったり真新しいものではないのですが、エフェクト的にカッコ良い効果だったのでご紹介。 スライドアニメーションしながら画像の上にコンテンツがオーバーレイで表示されます。 何かを紹介する際のバナーなんかでも使えそうですね。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル jQueryで行うFlashみたいなスプライトアニメーションのチュートリアル アニメーションの残像が残るjQueryアニメーションチュートリアル jQueryで幅の大きなドロップダウンメニュー作成チュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
