前回の記事【初心者向け】CSSセレクタとは？セレクタの種類や指定方法を解説！（基礎編）ではCSSセレクタの基本的な知識と指定方法をご紹介しました。 今回は、よりコーディングの幅が広がる「擬似要素」と「…
CSS z-indexの使い方：CSSで重なり順を指定する
https://saruwakakun.com/html-css/basic/z-index 前回の講座 CSSのpositionを総まとめ！absoluteやfixedの使い方は？ 今回…
【CSS】justify-contentの使い方や効かない原因を解説
https://zero-plus.io/media/css-justify-content/ Web制作をしていると、要素を横並びにするレイアウトをよく使います。そこで「横並びにした要素を均等に配置…
フレックスボックス
https://developer.mozilla.org/ja/docs/Learn/CSS/CSS_layout/Flexbox フレックスボックス (Flexbox) は、アイテムを行…
【CSS】background-colorとbackgroundの違い
ふと、CSSのbackground-colorとbackgroundの違いって何だろう？って思いました。 いつもは背景色を指定する場合は、 SyntaxHighlighterについて のようにback…
模写コーディング
h1タグの使い方 h1タグはページの大見出しに使われるタグです。本来はテキストを囲んだ方がよいですが、画像をh1で囲むこともあります。 imgタグの使い方 imgタグは画像を表示させるため…
h1タグは画像でも問題ない！画像を設定する時のポイント3つ！
https://digital-marketing.jp/seo/points-when-setting-an-image-for-the-h1-tag/ h1タグは、そのサイトのテーマを示す重要なテ…
WordPressオリジナルテーマの作り方①（ファイルの準備編）
https://junpei-sugiyama.com/wordpress-original-theme-1/ 目次 まず静的サイトをWordPress化すると何が出来るようになるのか？ですが、 とい…
【Smart Slider 3】誘導力高めるスライドショーの使い方【WordPress】
https://www.afi-b.com/beginner/archives/course/course_site/11035/ スライドショー作成プラグインと言えば、主に「画像」のみスライドとして…
VSCodeでGit・GitHubを使う方法を解説する【初心者向き】
https://miya-system-works.com/blog/detail/vscode-github/ ▼この記事が向いている方 このうえで今回は、次の流れにしたがって、具体的な作業方法を徹…