LooseKnot Blog

画像とキャプションの幅をfigureとdisplay:tableで揃える

2024/5/13 CSS

画像の下にキャプションを入れる際、画像の幅と揃える小技です。今回はfigureとfigcaptionタグで実装します。表示サ...

よくある質問やQ&Aのようなページで、カパカパ開閉するアコーディオンを実装する際に使われることが多いjQueryのsilde...

2022/6/3 CSS

【2023.06.20 追記】コンパイルされたコードを見直していたところ、気になるところがあったので一部加筆・修正いたしました。...

Webコンテンツ制作でよくあるモーダルウィンドウ実装。ちょっと検索すればjQueryプラグインがすぐに見つかるかと思いますが、クライアン...

2021/11/15 Mac

【2023.06.20 追記】作業用サブマシンで使用しているMacBook Airの調子がイマイチ良くなかったため、思い切ってM...

2021/11/14 Mac

10月26日にmacOS Montereyが正式リリースされたので、早速サブのM1 Mac miniをBig Surからアップグレードし...

2021/6/1 Hobby

ポケモンGOの通常技（技1）とゲージ技（技2）の一覧です。ジムバトルやGOバトルリーグでの技の威力やDPT、EPT、発動時間、硬...

2021/3/25 CSS

CSSでH1やH2などの見出しに対して背景色やボーダーなどで装飾をすることは良くある事かと思います。今回は見出しに対して背景画像を入れて...

2020/11/18 JavaScript

手軽にスライドショーを導入でき、レスポンシブにも対応、カスタマイズも簡単という、非常に便利なFlexSliderですが、jQuery3.xを...

「display: flex」レスポンシブ対応が当たり前な昨今のWeb制作では、便利すぎてもはや必須になってきていると言っても過...