JavaScript [JavaScript]setTimeout待機中に同じ処理が行われた場合、前の処理を中断する
例えば「押されたら1秒後にアラートを表示するボタン」をアラートが表示される前に3回押すと、全ての処理が継続されアラートが3回表示されます。これを待機中に押された場合はそれまでの処理を中断し、最後に押されてから1秒後にアラートを表示する方法...
2021-10
JavaScript 
CSS [CSS]サイズが違う画像を並べ、縦横比を変えずに高さを合わせる[レスポンシブ]
サイズが違う画像を並べた時に、レスポンシブ対応で縦横比をそのままに、高さを合わせる方法に地味に躓いてしまった。いろいろ試してみた結果、不完全ながらシンプルにできる方法がありました。
サンプル
.flex {
widt...
CSS [コピペでOK!]CSSのみで作るアコーディオンメニュー[サンプル3種]
CSSのみで作るアコーディオンメニューの様々なサンプル集です。気が向いた時に追加していきます。
コード自体の詳細や解説は以下の元記事をご覧ください。
シンプル
...
CSS [CSSのみ]簡単に作れるアコーディオンメニュー
CSSのみでアコーディオンメニューを作成します。要素の高さを固定せず、レスポンシブ対応です。
サンプル集も作りました。
サンプル
この...
CSS [雑記]CSS:borderの太さをhoverで変更する時のアレコレ
borderの太さをhoverでアニメーションさせる場合に癖が強かったので、色々と試した雑記。
border要素のみ
まずはシンプルにborder要素のみ。
シンプル
...
CSS [コピペでOK!]CSSのみで作るカルーセルスライダー[2〜8枚サンプル]
CSSのみで動くカルーセルスライダーをコピペで使える様、画像枚数2〜8枚で使えるコードを用意しました！前回の記事「オートループするカルーセルスライダー」は以下の記事からどうぞ。
使い...