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.
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」 フリーの
レスポンシブな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ページを開く
