「モノクロ」は白黒映画を意識したテンプレートです。18作目です。
写真とアニメーションで雰囲気のあるサイトに
どの端末からも見やすいレスポンシブデザインです。
「モノクロ映画がテーマ＆レスポンシブデザイン」のご要望にお応えしました！
こんな方におすすめです
- 雰囲気のあるサイトにしたい
- ページを切り替える時のアニメーションがほしい
- 短い小説やお題を展示したい
※ご利用の際は利用規約の独自ライセンスの項目をご一読ください。
「モノクロ」の特徴2つ
文字がふわっと切り替わるアニメーション
ページ下部の点を押してページを移動すると、文字がふわっと切り替わります。黒い背景色と相まって、なんとなく雰囲気があります。
アニメーションは簡単に変更できます！
HTML内のmode: 'fade'でフェード効果を指定しています。horizontalやverticalに変えると、また違った印象になりますよ。
さらにアニメーションの緩急などをカスタマイズしたい方は「bxSlider」で検索してみてください。
短い小説・お題サイト等におすすめ
このテンプレートでは「bxSlider」というプラグインを使用しました。
本来、画像を展示するものなので、小説展示に使うには不具合が一点ございます。
スマホでページを切り替えた時に文頭に飛ばないため、先の展開が目に入る可能性があります。
なので、現時点では以下のような使い方をおすすめします。
- 1ページ500字程度に区切って使う
- 短い小説やお題の展示に使う
テンプレートのデータ
| 文書型宣言 | HTML4.01 Transitional |
| 文字コード | Shift_JIS |
| フレームワーク | One% CSS Grid |
| CSSの書き方 | PCファースト |
サイト作りに慣れていなければ「HTMLテンプレートを使ったサイト制作の流れ」をご覧ください。