横に並べるのに float をよく使いますが、今回作る縦の位置を中央揃えできないため使用しません。
inline-block と flex を使って説明します。どちらを使っても同じものが作れます。
flexboxを使って同じサイズの子要素を横に並べるのに、％(パーセント)で横幅のサイズを指定した時のサイズを計算で求める方法を記述します。
続きを読む»
ラジオボタンやチェックボックスでボタンの次に改行が入ってしまう現象の対応策を記述します。
続きを読む»
画像の上に透けている文字列を重ねて表示する方法を示します。おまけとしてアニメーション機能を使用して文字列をスクロールさせます。重ねることにより文字の内容や位置の変更にも早く対応できて良いですね。
続きを読む»
レスポンシブデザインで、見出しのフォントサイズをブレークポイントを設けてフォントサイズを調整していましたが、clamp関数を使うことによって簡単に設定することができるようになりました。
続きを読む»
通常下線を引くときは、text-decoration: underline を使用しますが、文字と下線の間隔を広げることができません。 続きを読む»
コンテンツの中身を中央寄せに設定していて、文字は中央寄せにしないで、左寄せにしたい時があります。pタグとliタグの２つのパターンを書きとめます。
続きを読む»
WordPressに初めからあるタクソノミー(分類)はカテゴリーで、ユーザーが作成できるタクソノミーをカスタムタクソノミーと言います。それらのターム(項目)一覧を表示するプログラムを書き留めておきます。 続きを読む»
リンク集のページでクリック数が多い順に表示するときに作成したものです。WordPressが用意しているAjaxはめんどうなので使用していません。 続きを読む»