【HTML/CSS・XD/Figma】カテゴリ絞り込み付きギャラリーサイト：プラン3（フルセット）
- ダウンロード商品¥ 1,480
【はじめに】 Webテンプレートをご検討いただきありがとうございます。 本データは、Webサイト制作にご利用いただけるデザインおよびコーディングの完全セットテンプレートです。 収録内容や使い方、注意事項について記載しておりますので、ご購入前にご確認ください。 【プラン3：フルセット（デザイン ＋ コーディングデータ）】 🎁1,480円でご購入いただける、デザインデータとコーディングデータがすべて揃ったお得な完全セットプランです。 単品でそれぞれ揃えるよりもスムーズに、デザインから実装まで一気通貫で進めていただけます！ ※丁寧な制作を心がけておりますが、万が一ファイル等に不備があった場合は、お手数ですがメッセージにてご一報いただけますと幸いです。（※個別のデザイン編集方法やコードの書き換えサポートは行っておりませんのでご了承ください）
① こんな方にオススメです
・【デザインデータ】 PC版・スマホ版のレイアウトや構成を確認できるAdobe XD用データ、およびFigmaインポート用のSVGデータを収録しています。デザインの土台として自由に編集可能です。 ・【コーディングデータ】 レスポンシブ対応済みのHTML・CSS・JavaScript一式を収録。画像をクリックして大きく表示する「ポップアップ機能」や、カテゴリタブによる「ソート（絞り込み）機能」があらかじめ実装されています。 ・ご自身のWebサイト制作はもちろん、クライアント案件のベースや、デザインから実装までの学習用としても幅広くご活用いただけます。
② フォルダの中身について
・01_Adobe-XD/：Adobe XD用のデザインデータです。 ・02_Figma-SVG/：FigmaへインポートするためのSVGデータです（PC版・スマホ版の各ページを収録しています）。 ・web/：HTML、CSS、JavaScriptなどのコーディングデータ一式が入っております。 ※本プランは、デザインデータとコーディングデータの両方が揃った「フルセット」のプランとなります。
③ 実装されている機能・参考ポイント
・Modaal.jsの使い方を解説記事 https://shu-naka-blog.com/website/modaal-js/ ・サムネイル画像切り替えの解説記事 https://shu-naka-blog.com/website/jquery-thumbnail-change/ XDデータをFigmaに移行・変換する方法 （SVG書き出し手順） https://shu-naka-blog.com/point/xd-to-figma-svg/ ※インポート用のSVGデータは本パック内にあらかじめ含まれております。
④動作環境·対応ソフトについて
・本テンプレートは、すべてのブラウザ·端末での完全な表示や動作を保証するものではありません。 ご利用環境やブラウザの仕様変更などにより、表示や動作に差異が生じる場合があります。 ・HTML/CSSデータは、それぞれ対応するブラウザ環境でご確認ください。 【使用Webフォントについて】 本テンプレートでは、以下のGoogle Fontsを採用しています。 ・日本語フォント：Noto Sans Japanese ・英字フォント：Lato ※コーディングデータに適用済みのほか、ご自身の環境に合わせて自由に変更してご利用いただけます。 【Font Awesome Free】 https://fontawesome.com/ 本テンプレートでは、Font Awesome Freeのアイコンを使用しています。 アイコンの著作権およびライセンスはFont Awesomeに帰属します。 【Modaal】 https://github.com/humaan/Modaal 本テンプレートでは、モーダルウィンドウの実装にModaal（MITライセンス）を使用しています。 Copyright (c) Humaan
⑤ データの取り扱い·免責事項
・本データは、購入者ご自身の責任においてご利用ください。 ご利用環境や編集内容によって生じる表示の違い、データの破損、その他の不具合に備え、編集前のデータをバックアップしておくことをおすすめします。 ・本テンプレートのカスタマイズ方法に関する個別のお問い合わせや、サポート対応は行っておりません。 あらかじめご了承ください。
⑥ 禁止事項について
本データの全部または一部を、第三者への再配布·譲渡·転売することは禁止しております。 また、本データをそのまま、または一部改変して、テンプレート·素材集などとして再販売·再配布する行為も禁止しております。 なお、本データを使用したWebサイトの制作·公開など、商用利用およびクライアント案件での利用は可能です。