SEO対策
Google様が推奨する構造化。こちらのページでは、ブログの記事ページとトップページの構造化データ(...more
HTML
簡単な説明とブラウザの対応状況 (2020年7月時点)を掲載した、HTMLとHTML5のタグ一覧です...more
テンプレートSEO対策
パンくずリストがあると、閲覧者様が迷子になる心配もないし、回遊率UPやSEO対策、最近ではリッチスニ...more
テンプレート
今回は、見出しをもとにリンク付きの目次を自動生成するコードのご案内です。2020-11-21phpバ...more
CSSで作るスライダーHTML
HTMLとCSSだけで動くアコーディオンSlider。パネル数、サイズ、タイトルの有無もカスタマイズ...more
Gradient(グラデーション)
CSS のrepeating-linear-gradient() は、グラデーションを繰り返し、要素...more
Background(背景)
CSS のbackground-repeatは、 背景画像の繰り返し(敷き詰め)を制御するプロパティ...more
Background(背景)
CSS の background-position は、 background-origin で設定...more
Background(背景)
CSS の background-attachment は、 背景画像の固定やスクロールを設定するプ...more
Background(背景)
CSS の background-clip は、 背景画像の要素内での適用範囲を設定するプロパティで...more
Background(背景)
CSS の backgroundは、 背景(background)に関するショートハンド ( いつく...more
Background(背景)
CSS の background-origin は、 背景画像を表示する領域 (起点)を設定するプロ...more
Background(背景)
CSS のbackground-imageは、 要素に背景画像やグラデーションを設定するプロパティ。...more
CSSで作るスライダー回転する3Dバナー
ここでは、6種類のバナーを載せられる、CSSアニメーションの横回転バリエーションと設定方法をご紹介し...more
Gradient(グラデーション)
CSS のlinear-gradient()は、要素全体を覆う線形のグラデーションを作成します。ba...more