HTML CSS CSS ネスト
CSS ネスト 入れ子CSSのネストは、CSSプリプロセッサ（Sass、Less）で一般的でしたが、最近のCSSでネイティブにサポートされるようになりました。これにより、セレクタを入れ子にして、より読みやすく、構造的なCSSを書くことができ...
HTML CSS HTML CSS CSS コンテナクエリ@container
CSS コンテナクエリコンテナクエリとは従来のメディアクエリーとは異なり、ビューポートではなく、特定のコンテナ要素のサイズに基づいてスタイルを変更できます。以下はコンテナクエリの具体例です。 <div class="card-contain...
HTML CSS CSS :has()セレクター
CSS :has():has()の主な特徴とは？子要素や子孫要素の存在に基づいて親要素をスタイリングできる複数の条件を組み合わせることが可能否定セレクター:notと組み合わせることもできるレスポンシブデザインでの条件分岐にも活用できる以下は...
HTML CSS CSS clamp()関数
CSS clamp()関数の使い方clamp()の基本構文は？font-size: clamp(1rem, 2vw + 1rem, 2rem);最小値（１rem)より小さくならない。推奨値2vw+1remでビューポイントに応じて変化最大値２...
その他 Adobe CC大幅値上げ！
Adobe CC大幅値上げ！AdobeスクールパートナーのAdobeCC講座が１２月１日から大幅値上げされます。４万円から一気に６万８千８百円と３万近く値上げされます。デジハリ、ヒューマンアカデミー、アドバンスクールなどアドビスクールパート...
HTML CSS CSS グリッドレイアウト サブグリッド
CSS サブグリッドサブグリッドとは、親グリッドアイテムの中に作られる子グリッドですgrid-template-columns: subgridまたはgrid-template-rows: subgridで指定します親グリッドのトラックサイ...
HTML CSS 論理プロパティ
論理プロパティとは？論理プロパティは、CSSにおける比較的新しい概念で、文書の書字方向や読み取り方向に応じて適切に動作するプロパティです。マージン関連:margin-inline-startmargin-inline-endmargin-b...
PHP PHP ループ
PHP ループワードプレスで頻繁に使用されるPHPの文法について説明します。while ( have_posts() ) : the_post(); // ループ内のコードendwhile;have_posts()は、処理すべき投稿がまだ残...
PHP PHP 基礎 関数 引数
関数PHPの関数は、特定のタスクを実行するためのコードブロックです。以下が関数の主な特徴です:再利用可能: 一度定義すれば、プログラム内の複数の場所で呼び出せます。入力と出力: パラメータ（引数）を受け取り、結果を返すことができます。コード...
PHP PHP 基礎 条件分岐②
PHP 複雑な条件分岐PHP の複雑な条件分岐の具体例を紹介します。<?php$num = 10;if($num > 20){echo '$numは 20より大きいです。';}else{echo '$numは 20より小さいです。';}?>...