すっきりしたデザインのギャラリーライブラリ·Galleria MOONGIFT
GalleriaはレスポンシブWebデザイン対応を謳ったJavaScriptイメージギャラリーです。 デジカメで撮影した多量の写真も見せなければHDDの肥やしでしかありません。そこでWebサーバ、Flickr、Picasaなどにアップロードした後はGalleriaを使ってギャラリー化してみましょう。 サムネイルが下に並び、上で写真の表示を行います。 フローティングで説明も表示できます。 縦の写真も問題ありません。 大きな写真もぴったり表示されます。 Picasa/Flickrといった外部リソースの表示も行えます。 Galleriaはレスポンシブなイメージギャラリーとなっていますが、MIT Licenseの範囲で公開されているテーマでは対応していないように見えます。また、プレミアムなテーマは販売されており、より多様なデザインのギャラリーが展開できるようになっています。 GalleriaはJa
コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
[JS]単に縮小して表示するだけではない、レスポンシブ対応の画像ギャラリーのスクリプト -Gamma Gallery
単にウインドウのサイズに依存して縮小するのではなく、コンテナのサイズに応じてグリッドを最適化し、そのサイズに最適な画像を表示する画像ギャラリーを実装するスクリプトを紹介します。 Gamma Gallery: A Responsive Image Gallery Experiment デモページ Gamma Galleryのデモ Gamma Galleryの使い方 Gamma Galleryのデモ まずは、デスクトップで表示したデモからご紹介。 画像の配置にはMasonryを使用しており、高さが異なる画像を一定の隙間で配置します。また、無限スクロールにも対応しており、下部にスクロールするとローディングバーが表示されます。 デモページ：スマフォで表示 Gamma Galleryの使い方 Step 1: 外部ファイル Gamma Galleryのスクリプト自体はjQueryのプラグインではありま
WEBデザインギャラリーのまとめ 57サイト 2012年9月版
WEBデザイン時の参考にするのにサイトデザインのキャプチャをまとめたギャラリーサイト。その界隈の方が定期的にまとめ記事書いてますが2012年9月版ということでリンク切れチェック等兼ねて改めてまとめてみました。ちょっと数が多いので PC向けデザイン【36サイト】 モバイルデバイス向けデザイン【14サイト】 パーツごとのデザイン【7サイト】 ということでざっくり区分してみました（クリックで各項目へジャンプ）。 それぞれのサイトについての説明は省きますがサイトのジャンルやテーマ、色調などで検索できるところが多いので「なんとなくボンヤリしたイメージは出来てるんだけどもうちょっと」というときに参考にするといいと思います。 PC向けデザイン 一般的なPC向けWEBページのデザインギャラリーサイトです。 1.ズロック 2.ウェブセレクション 3.WEBデザインの見本帳 4.イケサイ 5.bookma!{
動画ギャラリー用WordPressプラグイン10個:phpspot開発日誌
10 Best WordPress Plugins for Video Gallery | SkyTechGeek 動画ギャラリー用WordPressプラグイン10個が紹介されていました。 動画サイトもWordPressで手軽に作れちゃうようになりますね TubePress - デモ色々 YoutubeやVimeoをベースとしたビデオアルバム等を実装できる超多機能プラグイン。 動画の検索機能も埋め込めるため、WordPressで動画検索サイトっぽいものが作れます。その他多機能! Smart Youtube Pro - スクリーンショット エントリに動画やプレイリストを埋め込む際に便利なプラグイン Simple Flash Video flv, mp4 などの動画をアップロードして再生できる 関連エントリ Youtube動画をページ背景にするjQueryプラグイン「tubular」 フリーの
KLab製。AndroidでiOSのような画像表示が実現するUIコンポーネント·KLab iPhoroid UI MOONGIFT
KLab iPhoroid UIはiOS風のリスト、カバーフロー、グリッドビュー、フロービューをAndroidに提供するUIライブラリです。 KLab iPhoroid UIはAndroidでもiOSライクなユーザ体験を実現するライブラリです。写真をスムーズに見せる洗練されたUIを実現できます。 デモアプリです。リストです。 写真一つの表示です。スワイプで写真を切り替えられます。 メニューです。 グリッド表示です。 KLab iPhoroid UIではカバーフロー、リストビュー、グリッドビュー、フロービューが実現できます。導入の容易性、堅牢なメモリ管理、表示の奇麗さ、MVC構造といった特徴をもっています。 KLab iPhoroid UIはAndroid用のオープンソース・ソフトウェア（Apache License 2.0）です。 MOONGIFTはこう見る iPhoneとAndroidは
レスポンシブなPhotoギャラリーを作成できるCSS3＆jQueryな「Glisse.js」:phpspot開発日誌
Glisse.js - a simple, responsive and fully customizable jQuery photo viewer レスポンシブなPhotoギャラリーを作成できるCSS3＆jQueryな「Glisse.js」 デザイン性に嫌味がなく色々な場所で使えそうです。画像を送った際のアニメーションが選べるのもいい感じです ギャラリーページ 拡大 レスポンシブ レスポンシブが発明されなかったらどんな感じになってるんだろうっていう気がしますが、頭の良い人がいるもんですね。 そういう発明をしてみたいものです 関連エントリ 秀逸なレスポンシブWEBデザイン50のサンプル レスポンシブな背景画像スライドショーを実現するjQueryプラグイン「bgStretcher」 レスポンシブなjQueryスライダー実装プラグイン８個
フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」:phpspot開発日誌
PhotoShow フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」 オープンソースソフトウェアです。UIが次のように新しめの物になっています。 アルバムページ ギャラリーページ。 画像のMETA情報なんかもでます 管理画面もなかなかナウなインタフェース。ドラッグ＆ドロップによるアップロードができるようです カッコいい管理画面のギャラリーを作りたい場合の１つの選択肢としていかがでしょうか 関連エントリ 洗練されたUIのギャラリーサイト「Ui Parade」 これは新しい、回転する円形のイメージギャラリー実装サンプル PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 ギャラリー等を面白く見せられるjQueryプラグイン「Minimit」
[CSS]アニメーションを伴った画像ギャラリーをCSS3で実装するチュートリアル
jQueryなどのJavaScriptを使用せずに、フェードのアニメーションで画像が切り替わるギャラリーを実装するCSS3のチュートリアルを紹介します。 各画像への#リンクも有効です。 Pure CSS3 Slider (Fade Transition) [ad#ad-2] Pure CSS3 Sliderのデモ Pure CSS3 Sliderの実装 Pure CSS3 Sliderのデモ 画像ギャラリーのナビゲーションは下部の丸いアイコンで、クリックするとフェードのアニメーションで画像が切り替わります。 デモの対応ブラウザはFirefox, Chrome, Safari, IE9+です。 ※IE9ではフェードのアニメーションはなしです。 デモページ ギャラリーの各画像の#リンクにも対応しています。 デモページ：5枚目を表示 Pure CSS3 Sliderの実装 HTML HTMLは画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
