高品質HPオリジナル
完全オリジナルホームページ制作
Unite Galleryは、jqueryライブラリに基づいた多目的のJavaScriptギャラリーで、YouTube 動画のスライドショーがホームページに簡単に設置することができます!レスポンシブ(自動比率保存)ですべての画面にフィットし画面サイズに合わせて調整でき、PC・タブレット・スマートホン
グリッドデザインのTiles Columns Unite Galleryは、レスポンシブ(自動比率保存)ですべての画面にフィットし画面サイズに合わせて調整でき、画面サイズの変更にも対応します!スマホ時には横スワイプで操作が可能なので使い勝手が抜群に良いギャラリーです。プレビュースマホ
【Vintalight】は、pug, sass y vanilla JS (Babel). で作成されたlightbox(ライトボックス)エフェクトを備えたレスポンシブインスタントスタイルフォトギャラリーです。プレビューデモ著者Jopzik
パソコン時では水平または垂直タブで表示し、モバイル(IPad&IPhone)ではアコーディオンに最適化する軽量のjQueryプラグインです。・タブとアコーディオンは完全にjQueryで作成されています・同じページで複数のタブセットをサポート・ブラウザ互換性(IE7 +、Chrome、Fi
こちらでご紹介します「FAQ」「Q&A」に最適なアコーディオンメニュー(無料素材)は、JavaScriptとCSSベースで初心者でも簡単で、しかも商用可能な無料素材を選別し紹介しています。素材の提供元は、複数人のソフトウエア開発者がコードを公開するプラットフォームサイト「GitHub(ギットハブ)」
コピペで簡単に実装可能!19KBの縮小サイズ「Imagehover.css」は、CSSのみで44種類の画像ホバー効果が選択できます!マウスオーバーで画像アニメーション表示する【imagehover.css】imagehover.cssは、ホバー時(マウスオーバー)に画像に44種類のア
「FAQ」「Q&A」に最適なコンテンツ切り替えアコーディオンメニュー【handy-collapse.js】の設置方法をご案内します。アコーディオンメニュー内にアコーディオン【handy-collapse.js】handy-collapse.jsは、スムーズなスライドアップダウン効果で
「FAQ」「Q&A」に最適なコンテンツ切り替えアコーディオン【collapsible.js】の設置方法をご案内します。JavaScriptでスムーズなコンテンツ切り替えプラグイン【collapsible.js】collapsible.jsは、依存関係のないコンテンツ トグルJavaS
「FAQ」「Q&A」に最適な軽量で滑らかなスライディング アコーディオン【Accordion.js】の設置方法をご案内します。JavaScriptのモダンで滑らかな展開型アコーディオン【Accordion.js】複雑なライブラリなしで使用するJavaScriptライブラリスマホ版
「FAQ」「Q&A」に最適な滑らかな展開型アコーディオン【accordion-init】の設置方法をご案内します。JavaScriptのモダンで滑らかな展開型アコーディオン【accordion-init】複雑なライブラリなしで使用するJavaScriptライブラリスマホ版プレビュ
「FAQ」「Q&A」に最適なコンテンツ切り替えアコーディオン【Accordion Panel】の設置方法をご案内します。滑らかな垂直アコーディオンパネル【Accordion Panel】Accordion Panelは、滑らかなスライド効果で垂直にアコーディオンを作成するJavaSc
HesGalleryは、軽量でレスポンシブ、モバイル向けのJavaScriptフォトギャラリー&画像ライトボックスプラグインです。このプラグインは、ユーザーがナビゲーション矢印をクリックするか(デスクトップ)、または画像をタップすると(モバイル)、画像のグループをギャラリーポップアップとして表示しま
PCでは見えないコンテンツ(タブやアコーディオン)に関してはSEO的に評価されないとされてきましたが、モバイルファーストインデック(スマホサイトをページ評価の基準)が開始されサポートされるようになるとUXの重要度も増し、今やUIに欠かせないアコーディオンメニュー!「jQuery」で実装が主流の中、j
【zoomwall.js】は水平石積みレイアウトを使用し、クリックするとフルスクリーンライトボックスモードで拡大するフォトギャラリーです。プレビューデモ著者Ericleong公式ページwebsiteデモページデモ
メイン表示の画像下部のサムネイルをクリックで画像が入れ替わるギャラリー 【responsive gallery gh pages】の設置方法を解説します。スマホ表示時には2段となりますがレスポンシブ対応となっています。プレビュースマホ版プレビューresponsive gall