Gallery - 軽量、レスポンシブなWeb写真ギャラリー MOONGIFT
写真をWebサイト上で並べて閲覧できるようにすることはよくあります。その際問題になるのが、各種Webブラウザ（スマートフォンなど含む）への対応や、サイズの異なる写真を綺麗に並べることです。 そこで使ってみたいのがGalleryです。JavaScript製の軽量なギャラリーソフトウェアです。 Galleryの使い方 一覧です。縦、横など様々な形の写真でもタイル状に表示されます。 クリックで写真を拡大表示します。Escキーなどで一覧に戻ります。 実際に動かしているところです。 Galleryを使うことで、サイズの異なる多数の写真をタイル状に並べて閲覧できます。レスポンシブに対応しており、パフォーマンスも考慮されています。外部ライブラリへの依存もないので、様々なプロジェクトで使えるでしょう。 GalleryはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 G
jQuery Mobileでシンプルなイメージギャラリーを実装する為のプラグイン・ImageFlip
JQM向けのイメージギャラリーを 実装する為のjQueryプラグイン です。フリック操作で進める事 が出来ます。特に変わったエフ ェクトも無いのでシンプルで使 いやすい印象でした。 jQuery Mobile向けのシンプルなイメージギャラリーを実装する為のプラグインです。 フリック操作に対応したイメージギャラリーです。スマフォ向けなので凝ったエフェクトもなく、なかなか軽量なライブラリとなっています。JQM自体軽量とは言えないのでこういったスクリプトは軽量であって欲しいトコロです。 JQMに準じたカスタムデータ属性を含むDOM要素を生成したりswipeleftメソッドで送ったり、みたいな感じっぽいです。良く見てませんけど。 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="jquer
超シンプルなFlickr画像のスライドショーライブラリ「Flickrshow」:phpspot開発日誌
Flickrshow ? A very simple Javascript slideshow for Flickr 超シンプルなFlickr画像のスライドショーライブラリ「Flickrshow」。 APIの使い方が分からなくても数行のJavaScriptをコピペ出来れば実装できるところが楽でいいです。 以下、実装コード。超シンプルです。 flickshow を new する時に色々とパラメータが渡せて、ユーザID、タグ、インターバルや自動再生といった指定が可能となります。 関連エントリ CSS3のみでクロスフェードするワイルドなスライドショー これは新しい!パネルレイアウトが美しいスライドショー実装デモ フルスクリーン背景がスライドショーになるCSS3サンプル PC・スマホ・タブレットで動くクールなHTML5スライドショー実装ができる「Juicebox」
ベーシックで汎用性のありそうなjQueryイメージスライダー・The Lof JSiderNews
クロスブラウザに対応したベーシック で汎用性のありそうなスライダーを 実装出来るjQueryプラグインのご紹介。 The Lof JSiderNewsは派手な装飾も 無く、シンプルで欲しい機能は揃え てくれている印象です。 なかなか使いやすそうなので備忘録。派手なスライダーが結構多い印象ですが、結局普通のものが一番使いやすいですよね。派手なのもインパクトあって好きですけどｗ 今日のプラグインもクロスブラウザ対応でベーシックな、汎用性のあるスライダーです。コーポレートサイトと相性いいかもですね。 サムネイルがナビゲーションとして付きます。画像のスライドと共にサムネイルもアニメーションスライドします。デモサイトでは1つしかありませんけど、実装出来る形は6種類から選択できます。IE6でもIE7でも問題なく動作しました。※IE6の透過処理は別途必要です。 デザインは6種 例として2つキャプチャ撮り
WPShowerから、いろいろと完成度の高いWordPressフリーテーマ・Imbalance 2がリリースされたみたい
クオリティ重視でフリーのWPテーマをリリース してくれるWPShowerから新作がリリースされ たようです。相変わらず完成度の高いテーマ なので思わずメモ。このままでも普通に使えそう ですが、いつもどおり、デザインを割と変更しや すいように無装飾で組んでくれています。 WPShowerのテーマは、いつも装飾が少なく、js込みのフレームワークとして使えるので好きなんですが、最近マネタイズしはじめたので、無料と言ってくれているうちに手に入れておきたいですね。 すっきりとしたグリッドレイアウト。時系列を崩さず、コンテンツを美しく並べてくれます。マウスオーバーで背景がピンクに。サムネイルはアイキャッチを使います。 ページャーはjsでその場で読み込むのでページ推移不要です。 日本語でも美しい。 管理画面でカラーやフォント、グローバルナビ、GAのトラッキングコード埋め込み等の設定もできます。 これでな
ポートフォリオやフォトログに良さそうなミニマルデザインのWordPressテーマ・Simply Delicious
個人的に結構ツボだったのでメモがてら ご紹介。ポートフォリオサイトやフォトログ に最適なシンプルでミニマルなデザイン のWordPressテーマ・Simply Delicious です。無駄な装飾も一切なく、構成もシン プルで使いやすそうです。 見た目はシンプルですが、なかなか凝ってます。今月の5日にリリースされたばかりですよ。 様々なミニマルデザインを紹介するmmminimalで使用しているテーマを配布してくれています。 無駄な装飾なし 無駄な装飾に邪魔されず、お気に入りの写真や作品などをアピールが出来ます。1番上に最新記事が表示されますよ。2番目移行はギャラリー形式に。 個別ページ 個別ページです。両サイドには前、後の記事へのナビゲーションがあります。 コメント部分。ナビゲーションはfixedされています。3つの記事が関連記事として表示されます。マウスオーバー時はエフェクトもかかります
[JS]シンプル！軽量！簡単！三拍子揃ったスライドショーのスクリプト -jQuery.TinySlider
jQuery.TinySlider デモ [ad#ad-2] jQuery.TinySliderの実装 HTML スライドで表示されているイメージはdiv要素の背景画像です。 <div id="slider"> <div class="image" style="background-image: url(img/img1.jpg);">Simple</div> <div class="image" style="background-image: url(img/img2.jpg);">Light</div> <div class="image" style="background-image: url(img/img3.jpg);">Easy</div> </div> JavaScript 「jquery.js」と「jquery.slider.js」を外部ファイルとし、下記のスクリプト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
25 Free Wordpress Minimal Portfolio Themes