gulp watchでエラー gulp watch実行時に下記エラーが発生し、gulp watchが失敗するケースがあります。 gulp-sassをインストール gulp-sassをnpmでインストールします gulp […]
CSS
Sassの導入と、node-sass実行時に「このシステムではスクリプトの実行が無効になっているため」エラーの場合の対処方法【Windows】
CSSのメタ言語「Sass」 Sass（サース）は、CSSを拡張した言語で、ネスト構造で記述できたり、変数をもちいた記述を可能にしています。 インストールと設定 Sassのインストールには、Node.jsが必須です。 N […]
tableタグを使わずにテキストを等間隔に配置する方法【CSS】
テキストを等間隔に配置 例えばコロンで要素を区切り、コロンまでの長さを揃えたい場合のCSSです。 tableタグを使えばすぐにできますが、tableタグを使わずにリスト形式の 見出し：値 という表現をする場合の、コロンま […]
【CSS】aタグやbuttonタグで、クリック時に表示される枠線を消す方法
aタグやbuttonタグにクリック時に現れる枠線 aタグやbuttonタグをクリックした際、スタイルに何も記載がなくても、タグを囲む枠線が表示されることがあります。 これはブラウザのアクセシビリティのために表示されるもの […]
【CSS】transition が効かない場合の対処法
transitionプロパティについて transitionはCSSのプロパティが変化するときの、アニメーションの速度を設定ができるCSSプロパティです。（CSSプロパティとは、color: #eeeや、flat: le […]