タグ HTML の記事一覧

【Django】CSS や JavaScript の変更が反映されないときの対処法

フロントエンドをやっていると CSS や JavaScript のファイルを変更したのになぜか反映されなくて困ったという経験は誰にでもあるかと思います。
これはブラウザが CSS や JavaScript のファイルをキャッシュして使用していることが原因なのですが、初心者だとそこまで気が回らないものですよね。

対処法としてはブラウザのキャッシュをクリアしたり、スーパーリロード (Force Reload といったりもします) する必要があります。
ですが、その場合ユーザ側で操作する必要があり...
2022年7月6日 2023年11月8日
カテゴリ: プログラミング
プログラミング Python JavaScript Django CSS HTML

文章を全部読むまで押せないチェックボックスを作ってみよう

サイトに会員登録するとき、規約等の文章を下までスクロールしないと押せないチェックボックスやボタンってよくありますよね。
「文章をちゃんと全部読んで同意したよね?」ってさせるアレです。
(文章を最後までスクロールしないと次の画面へ進めないので、この仕組みを知らないとちょっと戸惑いますよね。)

こんな感じのやつです。

今回はこれを作ってみましょう。
2022年4月20日 2023年11月8日
カテゴリ: プログラミング
JavaScript CSS HTML

ラジオボタンを未選択の状態にする方法を考えよう

HTML で作成した入力フォームのラジオボタン (オプションボタンとも) について、一度選択した後で未選択の状態にする方法を考えてみましょう。

そもそもラジオボタンは必須入力の項目に使われることが多く、同一グループのラジオボタンのいずれかが必ずチェックされている状態になるという仕様なのか、一度選択すると未選択の状態には戻せません。...
2022年3月30日 2023年11月8日
カテゴリ: プログラミング
JavaScript HTML

CSSで色見本のアイコンを作ろう

通販サイトとかで商品の色のイメージを表すときに、丸い色見本のアイコンを使っているのをよく見かけると思います。
商品の画像がなくても色がイメージできるから商品を選ぶときには便利ですよね。

こういう色見本のアイコンは PNG とかの画像ファイルで作ることもできますが CSS でも作れるんです。
...
2021年11月25日 2023年11月8日
カテゴリ: プログラミング
CSS HTML

【CSS】連続する <span> 要素の間に隙間ができてしまう問題について

HTML上で文字列を一文字ずつ違うスタイルを適用したかったので、一文字ずつ span 要素にすることにしました。
ところが、実際にコードを書いてみると span 要素同士に隙間が空いてしまい...
2021年10月26日 2023年11月8日
カテゴリ: プログラミング
CSS HTML