レスポンシブ

TIPS

[CSS]ラベルとセパレータ

HTML構造を変えずにCSSのFlexboxを使ってラベル付きセパレータを実装する方法を解説。スマホ表示での文字潰れを防ぐ「flex-shrink: 0;」の重要性や、線のデザインアレンジなど、実用的なCSS設計が学べます。
TIPS

[WordPress]表を横スクロールさせる方法

WordPressで作成した表を横スクロールさせる方法を解説。カスタムCSS(overflow-x: auto)の追加、HTML直接編集、プラグインの活用という3つのアプローチから、スマホ表示にも最適なテーブルの実装手順を紹介します。