ブロックへのマウスの入り方でアニメーションを変える「Direction Reveal」:phpspot開発日誌
Direction Reveal - Direction aware content reveals ブロックへのマウスの入り方でアニメーションを変える「Direction Reveal」 例えば写真へ左からマウスがオーバーした場合はそれに適したアニメーションを表示ということを実装するデモです。 パネルが沢山ならんでいるようなレイアウトに実装するとかなり面白い効果が得られます 関連エントリ 豊富なアニメーションが作れるAnimate.cssをJSで使うための「Animator」 再生・停止ボタン付きのアニメーションを作れる「AnimSequence」 フレームがクールにアニメーションするスライドショー実装デモ
フルスクリーン背景イメージをアニメーションさせる「Full Clip」:phpspot開発日誌
GitHub - bdimitrovski/full_clip: Full Clip - fullscreen body background image jQuery plugin フルスクリーン背景イメージをアニメーションさせる「Full Clip」 画面の背景にふるフルスクリーンで画像を設定し、スライドショーのように時間によって切り替えることができます 関連エントリ スクロールで背景画像がグニャグニャ動くクールなサンプル WebGLを使った超リッチな背景イメージ描画「WebGL Scroll Spiral」 スクロールで背景に合わせ画像を反転させるようなエフェクトが作れる「scrollToClip」 背景画像の色を元に上の文字やナビの色を調整できる「BackgroundCheck」
GoogleMapでシャレオツなポップアップを表示させられる「snazzy-info-window」:phpspot開発日誌
GitHub - atmist/snazzy-info-window: Customizable info windows using the Google Maps JavaScript API. GoogleMapでシャレオツなポップアップを表示させられる「snazzy-info-window」 次のようなリッチなポップアップを地図上に表示させられます。モダンなWEBサービスで使えそう 関連エントリ GoogleMap上での道案内をアニメーション表示することが出来るデモ GoogleMapを静止画の形でページにサクッと埋め込めるjQueryプラグイン「Static-google-Maps」
フラットで色やスキンを選べるcheckbox/radio実装「iCheck」:phpspot開発日誌
Checkboxes and radio buttons customization (jQuery and Zepto) plugin フラットで色やスキンを選べるcheckbox/radio実装「iCheck」 チェックボックスやラジオの形状を複数のものから選べたり、その色を自由に選べるなどこれまでに無い感じの自由度の高いcheckbox/radio実装jQueryプラグインです。 フラットデザインなのでどんなデザインでも使いやすく色も自由に選べるということで、サイトデザインにかなり合わせやすそうです 関連エントリ BootstrapのcheckboxもBootstrap風デザインに変更できる「Checkbox X」 checkboxをBootstrapのGlyphアイコンで可愛くできる「bs-checkbox」 チェック時にCSS3アニメーションをチェックボックスにかます「Check
デフォルトのselectボックスをかっこいいドロップダウンに変更するjQueryプラグイン:phpspot開発日誌
GitHub - Wancieho/jquery-vdrop: Minimalistic & customisable jQuery plugin to replace standard HTML select dropdowns デフォルトのselectボックスをかっこいいドロップダウンに変更するjQueryプラグイン 次のようなドロップダウンにスタイリングできます 関連エントリ 検索が可能なドロップダウン実装用jQueryプラグイン「fuzzyDropdown」 BootstrapのDropdownを使うなら必ず知っておきたい「Bootstrap Enhancement Dropdowns」 言語切り替え用のドロップダウンUIを簡単実装できる「Polyglot」
レスポンシブなタイル状レイアウトを実現できる「jquery-mosaic」:phpspot開発日誌
GitHub - tin-cat/jquery-mosaic: A free plugin for jQuery to build responsive mosaics of images or any other content fitted to match heights in multiple rows while maintaining aspect ratios. レスポンシブなタイル状レイアウトを実現できる「jquery-mosaic」 タイル状レイアウトを実装するものもレスポンシブ対応できないものもありますが、こちらは対応可能で安心して使えそうです 関連エントリ JS＆CSS3でWindowsMetroのタイルUIを実装する「TileJS」
自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」:phpspot開発日誌
Kouta-web/jQuery.BackgroundScroll.js GitHub 自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」 複数の画像を自由な方向にアニメーションさせられるようです 関連エントリ 3Dのクールな線形アニメーションをブロックの背景にするjs 動くパーティクルを背景に設定できる「particles.js」 背景画像をカッコよくアニメーションして今風にする「CROSSCOVER」 SVGを使って動的に背景に斜線をいれてクールにする「Lines.js」 自動伸縮するフルスクリーン背景を簡単に設定できる「Fullscreener」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ClipPathを使ったオシャレな画面切り替えスライドショー実装:phpspot開発日誌
ページ内にインスタグラムの写真をかっこよく表示できるjQueryプラグイン「masongram」:phpspot開発日誌
Flashを超えた、かもしれない文字列アニメーション:phpspot開発日誌
フレームがクールにアニメーションするスライドショー実装デモ:phpspot開発日誌
シンプルなサイドメニュー実装「sideToggle」:phpspot開発日誌
背景をボカしてオシャレにできるモーダル実装jQueryプラグイン「bluroverlay.js」:phpspot開発日誌
モダンなデザインのグラフ描画が出来る「graphart」:phpspot開発日誌
円形にアニメーションするSVGグラフ実装JS「circles」:phpspot開発日誌
横に長いテーブルもレスポンシブに使えるようにする「Tabella js」:phpspot開発日誌
HTML5動画を背景にできるjQueryプラグイン「vidbg.js」:phpspot開発日誌
背景に複数種類のビジュアルエフェクトを設定できるjQueryプラグイン「quietflow.js」:phpspot開発日誌
アドブロック判別用jQueryプラグイン「Adi.js」:phpspot開発日誌
HTML5動画プレイヤーを拡張させられる「jquery-video-extend」:phpspot開発日誌