フルスクリーン背景イメージをアニメーションさせる「Full Clip」:phpspot開発日誌
GitHub - bdimitrovski/full_clip: Full Clip - fullscreen body background image jQuery plugin フルスクリーン背景イメージをアニメーションさせる「Full Clip」 画面の背景にふるフルスクリーンで画像を設定し、スライドショーのように時間によって切り替えることができます 関連エントリ スクロールで背景画像がグニャグニャ動くクールなサンプル WebGLを使った超リッチな背景イメージ描画「WebGL Scroll Spiral」 スクロールで背景に合わせ画像を反転させるようなエフェクトが作れる「scrollToClip」 背景画像の色を元に上の文字やナビの色を調整できる「BackgroundCheck」
フルスクリーンで縦横無尽に広がるページを構築できる「fullContent.js」:phpspot開発日誌
Jquery fullContent.js フルスクリーンで縦横無尽に広がるページを構築できる「fullContent.js」。 フルスクリーンで縦にスクロールするサイトはよく見るようになりましたが、コンテンツによって左右、上下等にスクロールするページが作れます モダンさと、ちょっとした新しさを演出できます 関連エントリ レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」 フルスクリーンでかつスクロールする迫力あるギャラリー実装が可能になる「Intense Images」 タイトルヘッダーをフルスクリーンにしてクールにするチュートリアル 入力の心理負荷が低そうなフルスクリーンフォーム
フルスクリーンのスライドを簡単に作れるjQueryプラグイン「FSVS」:phpspot開発日誌
Full Screen Vertical Scroller | CSS3 | jQuery | Luke Snowden フルスクリーンのスライドを簡単に作れるjQueryプラグイン「FSVS」 divを並べて初期化するだけの簡単実装。オプションで挙動やコールバック指定でカスタマイズ性も高いようです マークアップ 関連エントリ レスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」 画像をフルスクリーンに拡大できるギャラリー作成jQueryプラグイン「fullsizable」 動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」 タイトルヘッダーをフルスクリーンにしてクールにするチュートリアル
フルスクリーンでかつスクロールする迫力あるギャラリー実装が可能になる「Intense Images」:phpspot開発日誌
Intense Images フルスクリーンでかつスクロールする迫力あるギャラリー実装が可能になる「Intense Images」 単なるフルスクリーンではなく横長の画像であればマウス位置に追従してスクロールするというカッコいいギャラリーが作れます。 写真メインのサイトではこれぐらい写真が大きいと見やすいな、というのが実感できます。 関連エントリ 新Flickr風のギャラリーが作れるjQueryプラグイン「Justified Gallery」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 レスポンシブ対応でCSS3アニメーションを使った超クールギャラリー実装プラグイン「S Gallery」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」
[CSS]背景画像をブラウザいっぱいに表示するシンプルな最新テクニック
背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ
Intense Images
Intense Image Viewer A javascript library for viewing images in a fully full screen. Click the images to see it in action!
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」:phpspot開発日誌