目次 変数を使用する方法 サンプル 変数を使用する方法 以下の様に変数定義を行います。 ※「:root」はお作法だと思ってください。（実際は擬似クラスというものですが、詳しくは割愛します） :root { --sample-color: red; } 上記で用意した変数は以下の様に…

目次 ディレクトリ構成 deploy.shの記載 ディレクトリ構成 ディレクトリは以下の様なサンプルを想定します。 「index.html」はファイル、「hoge」はディレクトリです。 ディレクトリはどのようなファイルが存在しても問題ないですが、「deploy.sh」だけは必…

目次 はじめに プログレスバー はじめに プログレスバーとは、ダウンロードや何らかの処理の進捗を表示するバーのことです。 ゲームのインストール中などによく表示されます。 ここでは、HTMLの標準のprogressタグを使用して、プログレスバーの表示と進捗変…

目次 プレースホルダーの色を変える方法 特定のテキストフィールドのプレースホルダーの文字色を変更する方法 プレースホルダーの色を変える方法 以下のようにCSSを定義する事でプレースホルダーの色を変える事ができます。 ::placeholder { color: orange; …

目次 自動補完（オートコンプリート）とは 自動補完（オートコンプリート）の無効化 Chromeでの自動補完（オートコンプリート）の無効化 自動補完（オートコンプリート）とは ログイン画面などでよくある、メールアドレスやパスワードなどが自動で入力される…

目次 ファビコンとは ファビコン設定方法 モバイル端末のファビコン ファビコンとは 簡単に説明すると、以下のようなタブなどの横についているアイコンのことです。 ファビコン設定方法 ファビコン画像を用意して、HTMLと同じディレクトリに配置します。 拡…

目次 はじめに ローディングのJavaScriptの準備 ローディングのCSSの準備 ローディングを使用するHTMLの準備 ローディングの止め方 ソースコードの全量 はじめに 本記事では、SpinKitを使用したローディングの実装方法を記載します。 複数の画面で使用出来る…