Reigle 技術ブログ

プログラミング、IT関連の記事中心

HTML

HTMLとJavaScriptでプログレスバーの実装(progress)

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

HTML/CSSで入力項目のプレースホルダーの文字色を変更する方法

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

HTMLでオートコンプリートを無効化する方法(autocomplete)

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

HTMLでファビコンを設定する方法

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

HTMLとJavaScriptとCSSでローディングを作成する方法(SpinKit)

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