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