KOYO DIGITAL WORKS
パーツギャラリー
閲覧推奨ブラウザ:Firefox最新、chrome最新
絞り込み
すべて表示
サイトに動きをつけたい・さりげない演出を加えたい
写真を活用したい・たくさん見せたい
ちょっと変わった動きを取り入れたい
ユーザが使いやすいサイトにしたい
他のサイトとの違いを出したい
様々なデバイスに対応したい
スライドショー
メガメニュー
NEW
画像のトリミングができる「object-fit」
幾何学的なアニメーションを作る「particles.js」
スクロール動作で画面いっぱいのページが切り替わる「FullPage.js」
スクロールテーブル
タイプライター風表示
UP
Webフォント
特定の部分だけ印刷
背景にYouTube動画を表示する「jquery.mb.YTPlayer」
【JIS X 8341-3対応】一時停止ボタン付きのスライドショー
自動並び替えフォトギャラリー「JustifiedGallery」
マルチフィルタや検索ができる多機能ギャラリー「Filterizr」
セグメンテッド コントロール(表示形式の切り替え)
タブ
高機能な写真ギャラリー「lightGallery」
Flexbox
CSS3
グラデーション
シャドウ
ボタンデザイン
矢印アイコン
縦書き
アニメーション
NEW
軽量なアニメーションライブラリ「anime.js」
ローディングアニメーション
特定のスクロール位置で表示を固定・解除
グラフを描画(Google Chart)
タッチデバイス対応のフリップコンテンツ
グラフを描画
Animate.css
フィルター・ソートができるコンテンツ
スクロールアニメーション
ロールオーバー
nivoSlider
横いっぱいのスライドショー
ウインドウに合わせて背景画像が伸びるスライドショー
スマートフォンでスワイプできるスライドショー
スマホで閲覧時に電話番号をリンク
解像度にあわせて画像変更
クリックでメガメニューを表示
ロールオーバーでメガメニューを表示
ロールオーバー&キーボード操作でメガメニューを表示
ドラッグアンドドロップ
オーバーレイ
(画像の拡大表示など)
lightbox
FancyBox
chocolat(レスポンシブ対応・フルスクリーン)
lightcase
高機能な写真ギャラリー「lightGallery」
canvas
フルスクリーンで表示
スクロールで画像の遅延読み込み(Lazy Load)
スクロールで画像の遅延読み込み(inview)
動くチュートリアル
SVGで画像を表示
自動並び替えフォトギャラリー
ドロワー風ポップアップギャラリー
JavaScript開閉コンテンツ
ページ表示、遷移時にフェードイン・フェードアウト
文字サイズ変更
3段階で拡大縮小
制限なく拡大縮小
画像の拡大・縮小と移動
左右にスワイプするコンテンツ
固定ヘッダー
おすすめコンテンツ
ページの先頭へ