2023年– date –

「Contact Form 7」を自作ファイル（例：front-page.php）に表示させるにはどうすればいいの？ このページでは、そんな疑問を解決します。 結論：Contact Form 7を自作ファイルに表示させる手順 コンタクトフォーム＞お問い合わせフォーム（HTML）を作成 ...

初心者キラーとも言える、JPG/PNGの画像データ書き出し方法が 作ったはいいけど、どうやって画像データにするのか？ってことね！ この記事では、Photoshopで作った絵や写真を保存するときに「Creative Cloudに保存」という謎の選択肢や、パソコンに直接保...

デザイン４原則をカンタンに言うと 近接：同じグループを近くにまとめる 整列：配置・余白を揃えて見やすく 反復：繰り返し使って一貫性をキープ 対比：サイズの大小・色違いで強弱 うーん、デザイン4原則かぁ。お固そうだし、ちゃんと覚えられるかな… 実...

position: stickyは要素を特定の位置に固定するためのCSSプロパティです。 通常、要素はドキュメントのフローに従って配置されますが、position: stickyを適用することで、スクロールする際に要素が指定した位置に留まるようになります。 See the Pen Unti...

PC画面とは違いスマホで見ると、画像の両側が切り取られて、見せたい部分が隠れてしまう… imgタグの画像やvideoタグの動画を高さ指定すると、中央起点になるのがやっかいですよね… 今回、そんなお悩みを解決するのが「object-position」というCSSプロパテ...

HTMLのimgタグを使用して画像を設置すると、デフォルトで画像の周りに隙間（余白）が生じることがあります。この余白を無くす方法を解説します。初心者の方にも分かりやすく具体的な手順を紹介しますので、一緒に学んでいきましょう。 【imgタグ画像周りの...

この記事タイトル見て「あ！画像がゆっくり横ループするやつね！」と、イメージする人が多いんじゃないでしょうか。以下のように↓ いやー…それじゃなくてこういうの笑↓ 今回解説します「スクロールに合わせてテキストが左右に移動する」イメージ動画です。...

ChatGPTでも生成 【１：メニューリスト】 トップページのFV（ファーストビュー：主にメインビジュアル）直下に、見てもらいたいページリンクの一覧メニューを設置しておく場合に便利なレイアウトです。 ボタンは最大4つ横並びにし、画面幅1199pxで2つ並び...