コラム

【CSS】初心者でも簡単にできる！角丸のtableを作成する方法

こんにちは。 すずき です。 本記事では CSS で角丸のテーブルを作成する方法を紹介します。 このような人にオススメ 角丸のテーブルを作成する方法が分からない。 自分で角丸のテーブルを作ろうとするとなぜかうまくいかない。 既存のテーブルを…

ハンバーガーメニューにaria-expandedとフォーカストラップを実装する方法

ハンバーガーメニューの作り方がわからない 使っているハンバーガーメニューが合っているのか不安 実務で使えるハンバーガーメニューを知りたい このような悩みに答えます。 現代ではほとんどのサイトに使用されているハンバーガーメニューですが、 HT…

スムーススクロールCSS：WordPress干渉とアクセシビリティ対応

こんにちは。 すずき です。 webサイトにスムーススクロールを実装したい ヘッダーの高さ分、スムーススクロールの位置をずらしたい 他のページに移動する時もスムーススクロールで遷移したい このような悩みに答えます。 スムーススクロールとは、…

Bootstrap Tailwind 使い分け：デザインも自分で作る場合

自社サイトをリニューアルしました。 というより、 改めて1から作り直しました。 リニューアルしなきゃいけない理由があったわけではないんです。 SEOがどうとか、機能が古いとか、デザインが時代遅れになったとか、そういう「外的要因」ではなくて。…

MacのZIPがWindowsで文字化け・開けない原因と対処3点

Macで作ったZIPファイルをWindowsユーザーに送ったら、「ファイル名が文字化けして開けない」と言われた経験はありませんか？ このトラブル、実は MacとWindowsの“文字コードの違い ”が原因です。 仕事や学校、地域団体など、異…

Astro tsx パスがサブディレクトリで壊れる原因とbase設定での直し方

ハンバーガーメニューをjQueryで実装する方法と現場での選択基準