無料でHTML5を使った広告やアニメーションが直感的に作れる「Google Web Designer」ベータ版でアニメーションを作ってみました - GIGAZINE

2013/10/01 252 users GIGAZINE iOS ウェブデザイン Flash ベータ版

iOSはFlashに対応していないため、これまでウェブデザインには限界がありましたが、そんなウェブデザインの幅を広げるであろう、動くHTML5広告を制作できるツール「Google Web Designer」ベータ版がGoogleから公開されました。非常に直感的に使えるツールとなっており、アニメーションやイメージギャラリーも簡単に作れるということなので、実際にアニメーションなどを作ってみました。 G... 続きを読む

Google+風に、Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal - かちびと. net

2011/12/31 62 users 動向 Picasa 印象 相性良さ 話題

Google+ライクな、画像の高さを揃えた イメージギャラリーを実装するjQuery プラグイン・jquery-photowalのご紹介。 この手のは若干使いどころが限られます けどなんか使いたくなっちゃうんです よね。 Google+自体あまり話題を見かけない印象ですが、個人的に動向を追ってるフォトグラファーさんなんかは凄く活発な印象です。G+は写真コンテンツと凄く相性良さそうですし、FBとは別... 続きを読む

全体をドラッグで動かせるグリッドレイアウトのイメージギャラリーをjQueryで構築するチュートリアル - かちびと.net

2011/10/09 96 users グリッドレイアウト iPhone jQuery ドラッグ 画面

画面いっぱいに広がったグリッドレイアウト のイメージギャラリーをドラッグで動かす 事ができるコンテンツをjQueryで実装する 為のチュートリアルです。かなり良く出来 てます。iPhoneでも一応可能でしたので 工夫すればスマートフォンにも使えるかも。 Codropsのチュートリアルが相変わらず素敵なのでメモがてら。画面全体に広がったグリッドレイアウトのイメージギャラリーを丸ごとドラッグで動かせる... 続きを読む

エフェクトが無駄に凄いイメージスライダーを実装出来るjQueryプラグイン・Chop Slider - かちびと.net

2011/08/11 285 users エフェクト イメージスライダー net クロスブラウザ 印象

実用性は別にして、こういうの嫌いじゃない ので記事にします。よくあるイメージギャラリー なんですが、画像が変わる際のエフェクトが 無駄に凝っています（褒め言葉です）。こんな 事もflashを使わないで出来るんだなー、と 素直に関心したので、同じ気持ちで見て 頂けたら嬉しいです。 エフェクトはかなり多く用意されており、どれもなかなか派手な印象です。これだけのエフェクトをクロスブラウザに対応させている... 続きを読む

Lightbox内にサムネイルも表示出来るイメージギャラリー系jQueryプラグイン・ppGallery - かちびと.net

2011/08/06 89 users サムネイル lightbox net jQueryプラグイン

ポップアップしたLightbox内にサムネイルも表示可能 なjQueryプラグイン・ppGalleryのご紹介です。Lightbox 系のjQueryプラグインの大半は1つずつ見ていくか、 一旦ポップアップを閉じてからもう一度開く必要があり ましたが、ppGalleryは一回開けばあとはサムネイルで 好きな画像に飛べるのでLightboxスクリプトの中でも イメージギャラリーに向いてそうです。 さ... 続きを読む

全画面をダイナミックなイメージギャラリーとして使う事が出来るjQueryプラグイン・JQUERY.MB.BGNDGALLERY - かちびと.net

2011/06/25 156 users net 全画面 ライブラリ jQueryプラグイン 沢山

全画面をダイナミックにイメージギャラリー として使えるようにするjQueryプラグイン JQUERY.MB.BGNDGALLERY。同じ ようなライブラリは沢山あるので選択肢 の一つとして覚えておこうかなと思いま す。Flikcrからも流せるみたいです。 インパクト合っていいですねー。個人的にはこういう写真の見せ方が一番好きです。良い写真をコンテンツとして持っているならそれをアピールしない手は無い... 続きを読む

グリッドに配置された画像にマウスオーバーした際に十字ハイライトさせるjQueryプラグイン - かちびと.net

2011/06/23 51 users グリッド 十字 jQueryプラグイン マウス パクト

個人的に好きなタイプのjQueryの使い方 だったのでメモ。イメージギャラリーは、こ ういったエフェクトも大事な要因ですし、 参考にしておきたい所です。なかなかイン パクトもあって素敵ですね。尚、グリッドは Masonryを使っています。 基本的にはユーザーの利便性を高める目的でjsを使いたいですけど、視覚的にインパクトを与えられるのも利点の一つかなとは思います。 Animating with M... 続きを読む

多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter - かちびと.net

2011/04/25 155 users エフェクト net クロスブラウザ jQuery 魅力

なかなか使いやすそうで、汎用性 もあるかなと感じたので備忘録。 エフェクトが多数あり、機能も中々 良く、クロスブラウザ対応している イメージギャラリー用のjQueryの プラグインです。 イメージギャラリーは数多に存在するのでまぁ選択肢の一つです。まぁ後発の方が機能が良くなりやすいっていう見方も出来なくは無いですね。 Skitter よくあるイメージギャラリーですけど、いろいろ多機能です。 多彩な... 続きを読む

jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」 | DesignDevelop

2010/07/11 255 users jQuery DesignDevelop エントリー

jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」 軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for y... 続きを読む

かなり素敵な手軽に貼れるFLASHイメージギャラリー*ホームページを作る人のネタ帳

2009/08/18 203 users サンプルデモ カテゴリ分け ウェブサイト ネタ帳 ファイル

空白というか白の使い方がクールですね。 手軽にウェブサイトにイメージギャラリーを設置したい時にいかがでしょうか。 日本語もいけるか試したら普通にいけたのでご紹介。 使い方は以下に。 FLASHイメージギャラリーのダウンロード サンプルデモはこちら カテゴリ分けも簡単に ※ダウンロード後、ちょちょっと変更かけないと日本語に対応しません。 とりあえずダウンロードしたファイルを解凍すると以下のような展開... 続きを読む

jQueryを使った、ランダム画像で様々なシャッフル演出効果のあるプラグイン*ホームページを作る人のネタ帳

2008/02/26 283 users jQuery プラグイン サンプル ネタ帳 上級者

結構昔からあったんですが、使ってみると意外と素敵なので記事に残しておきます。 イメージギャラリーを作成する時などにも使えそうですし、非常に高度な動きを簡単に実装できますので便利です。 ※この記事はJQueryJavaScriptを使ったプラグインの紹介です。 何はともあれサンプルを見てみるのが早いかも 初級者用サンプルデモ 中級者用サンプルデモ１ 中級者用サンプルデモ２ 上級者編サンプル１ 上級者... 続きを読む

JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳

2007/10/23 445 users Flash スライド 主役 カスタマイズ CSSデザイン

今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも... 続きを読む

AJAX＆PHPでクールなイメージギャラリーを実装できる「PhotoFolder」:phpspot開発日誌

2007/07/01 121 users phpspot開発日誌

PhotoFolder : JSON Image Gallery API Automatic Thumbnails PhotoFolder scans a given folder for JPEG files with any number of thumbnail sizes per image.AJAX＆PHPでクールなイメージギャラリーを実装できる「PhotoFolder」。 PhotoF... 続きを読む

WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳

2007/06/06 711 users 遊び心 エントリ CSS ブロガー ネタ帳

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 今回まとめた内容をあらかじめ言っておきます。 CSS JavaScript イメージギャラリー Generator Ajax です。 とりわけJavaScriptやCSSは色々なブログでも使える為、ブロガーも頑張れば導入可能なプログラム等をなるべく多めにまとめました。 これは... 続きを読む

WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳

2007/05/30 1328 users ネタ帳 part2 ブックマークまとめ ホームページ エントリ

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 WEBツール CSS Dock Menu マックのドックのような動きをするインターフェイスタブをあなたのページにつける事が出来るツール。動きが滑らか。 Dynamic Page Flip v2 from shift+control 本をぺらぺらとめくるようなイメージギャラリー... 続きを読む

フリーで使えてカテゴリ分けも出来るクールなFLASH XMLイメージギャラリー*ホームページを作る人のネタ帳

2007/05/27 136 users カテゴリ分け ネタ帳 ホームページ XML ダウンロード

The Flash XML Gallery - Free Download 白で統一されたかなりクールなイメージギャラリーです。 ちょっとXMLをいじれば、誰でもクールに使いこなせるのではないでしょうか。 カテゴリ分けも出来て、かなり完成された感じです。 デモページはこちら 詳しい設置方法は以下に。 ダウンロードから こちらのページの画面中央付近のダウンロードをクリック。 編集 imagesフォル... 続きを読む

写真を無造作に置いた感じなＵＩの画像ギャラリー「XML Gallery 2」:phpspot開発日誌

2007/04/17 100 users phpspot開発日誌 画像ギャラリー 写真 画像 使い方

XML Gallery 2 - FFiles 写真を無造作に置いた感じなＵＩの画像ギャラリー「XML Gallery 2」。 次のような写真を無造作に置いたようなＵＩなイメージギャラリーを作れます。もちろん、写真のドラッグ＆ドロップが可能です。 使い方は簡単で、表示したい画像を次のようにXMLで定義するだけです。 単純に画像を見せるよりも、直感的なＵＩで分かりやすく、あまり見ない珍しいＵＩというこ... 続きを読む

jQueryを使った映り込みエフェクトがかかったイメージギャラリー:phpspot開発日誌

2006/10/17 62 users jQuery エフェクト phpspot開発日誌

Get Into This Image Gallery using jQuery, Interface & Reflections I'm been playing around with jQuery a lot lately. It's definitely not the holy grail of Javascript toolkits, but I like it. The commun... 続きを読む

JavaScriptは使わずCSSだけで作られたイメージギャラリー - GIGAZINE

2006/04/01 72 users GIGAZINE CSS JavaScript

しかもIE5.5、IE6、IE7β、Opera8、Firefox1.5などで動作確認済みというクロスプラットフォーム式。 cross browser multi page photo gallery http://www.cssplay.co.uk/menu/lightbox.html#flower8 これも同じ感じ。 Suckerfish HoverLightbox | Monday By No... 続きを読む