画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル
Amazon.co.jpの商品画像は画像のURIを一部変更することで、サイズや影・回転など様々なカスタマイズが可能です。Amazonが標準で提供しているリンクでは満足できず自分でカスタマイズしたい方や、Amazon Webサービスを用いて画像を加工する場合に役立ちます。 「理論編」では実際に利用する云々は別にして、私が把握している範囲での画像加工の仕様をまとめていきます(2008年5月時点)。 Amazon商品画像URIの基本 URI: http://images-jp.amazon.com/images/P/[ASINコード].[国コード].[画像の種類].jpg [ASINコード] 商品のASINコード。Amazonの商品ページの「商品の詳細」という欄のASIN(和書の場合はISBN-10)という項目。 [国コード] 国のコード。"01"がアメリカとカナダ、"02"がイギリス、"03"
イラスト毎月更新!プリントアウトファクトリーはリコージャパンが運営するビジネスに役立つ無料素材サイトです
Webデザイン繋ぎ目の無い写真素材 写真、または見た目が写真に近い ものでシームレス(繋ぎ目無し)な 素材を背景に使う事が個人的に 多いので倉庫代わりにエントリー。 背景以外でも結構使い易いです よね。 写真、または見た目が写真に近い ものでシームレス(繋ぎ目無し)な 素材を背景に使う事が個人的に 多いので倉庫代わりにエントリー。 背景以外でも結構使い易いです よね。 そういう訳で色々な種類のシームレスタイプの写真素材を手に入れられるサイトをメモします。写真以外のパターン素材でしたら無料でテクスチャやパターン画像を手に入れられるサイトいろいろというきじも書いていますのでこちらをご参照下さい。 Seamlesstextures.net 一番よく見てるサイトですシームレス写真専門のサイト。 Seamlesstextures.net cgtextures cgtexturesで「pattern」
Also visit our sister site Templateswise.com and start creating presentations faster with free PowerPoint templates! Background Labs share a wide variety of free patterns, website backgrounds, vector graphics, textures and design resources for everyone. Browse colors and styles, we have fresh resources and inspirational art for all your needs!
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。(画像クリックすると原寸表示されます。) ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ(8x8ピクセル)です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう
ちょっと前に話題になったダンボーの画像です。 探してみるとかなりの数があることが判明したので、個人的ブックマークもかねて一気にまとめてみました。壁紙に使えそうなサイズのみ取り上げたのですが、それでも50枚以上の数に。 Danbo dislikes heights by ~mrk サイズ1000x667 Danbo enjoys a piece of ... by ~06b サイズ1350x900 Danbo in Autumn by ~BeciAnne サイズ2932x1944 すごくかわいいです。癒されますな。 もっと見たい人は追記でどうぞ。保存方法はこちらを参照ください。 3rd Siting: Arnold Arboretum11 by ~ataraxia11 サイズ1024×685 3rd Siting: Arnold Arboretum 1 by ~ataraxia
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く