TIPS [CSS]ラベルとセパレータ
HTMLの構造を崩さず、CSSのみで <hr> の左側に <strong> のラベルを綺麗に並べるには、親要素の <div> に Flexbox（フレックスボックス） を適用するのが最も簡単でスマートな方法です。等速や倍速の学習効率の解説で...
CSS
TIPS 
TIPS [WordPress]codeにスタイル適応
ブロックコード（pre 内の code）には影響を与えず、文章中に出てくる単なる code（インラインコード）だけにスタイルを適用する方法は、主に2つあります。環境や好みに合わせて使い分けてみてください。方法1：:not() を使って1行で...
TIPS [WordPress]表を横スクロールさせる方法
WordPressのブロックエディタで作成した表や、テーマ内の既存の表を横スクロールさせるには、カスタムCSSを追加するのが最も一般的な方法です。1. カスタムCSSを追加するこの方法は、WordPressの「カスタマイズ」機能を使って、サ...
AI AIがデザインを加速する！Googleの革命的ツール「Stitch」
徹底解剖レポートGoogleが新たに発表したAI搭載のデザインツール「Stitch」は、「Design at the Speed of AI（AIの速度でデザインする）」というコンセプトを体現し、アプリケーションのUIデザインとフロントエン...
言語 後からCSSのデザイン変更
<figure class="wp-block-table"> <table class="has-fixed-layout"> <tbody> <tr> <th colspan="2">分類</th> <th>花の種類</th> </tr...