コンポーネント 【Bootstrapのコンポーネント】カード（Cards）に関して 2020年5月18日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 今回はBootstrapのカードコンポーネントについて解説していきます。 カードコンポーネントとは、カード形式のブロックがあり、その中 …
コンポーネント 【Bootstrapのコンポーネント】ボタン（Buttons）に関して 2020年5月18日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS Bootstrapのボタンコンポーネントについて解説していきます。 Bootstrapのボタンコンポーネントは、単なる標準的なボタンを …
コンポーネント 【Bootstrapのコンポーネント】バッジ（Badges）に関して 2020年5月17日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS この記事では、Bootstrapのバッジコンポーネント（Badges）について解説していきます。 バッジはフォームやタグ一覧によく使用され …
コンポーネント 【Bootstrapのコンポーネント】アラート（Alerts）に関して 2020年5月15日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 今回はBootstrapのアラートコンポーネントについて解説します。 一言アラートといっても、エフェクトや装飾があり、一括りにまとまら …
基本要素 【Bootstrapの基本要素】サイジングユーティリティ（Sizing）に関して 2020年5月14日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 今回はBootstrapの基本要素のうち、サイジングユーティリティ（Sizing）についてみていきます。 サイジングとは、横幅や高さを …
基本要素 【Bootstrapの基本要素】ディスプレイユーティリティ（Display）に関して 2020年5月14日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS Bootstrapのディスプレイユーティリティに関して、解説していきます。 ディスプレイユーティリティって何のことかというと、ブロック …
基本要素 【Bootstrapの基本要素】影（Shadows）について 2020年5月12日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS webサイトを作っていく中で、個人的にはこのshadowって結構使えると思っています。 影一つで要素を立体的に見せて、他のwebサイトとは …
基本要素 【Bootstrapの基本要素】ボーダー（Borders）について 2020年5月12日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 本記事では、Bootstrapのボーダー（Borders）について解説していきます。 使用頻度の高い、ボーダーのクラスはこちらです。 …
基本要素 【Bootstrapの基本要素】テーブル（Tables）について 2020年5月12日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS ここでは、Bootstrapのテーブル（Tables）について解説していきます。 よく使用されるテーブルのクラスはこちらの3つです。 …
基本要素 【Bootstrapの基本要素】画像（Images）について 2020年5月12日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 今回はBootstrapの画像表示に関するクラスを解説します。 Bootstrapにおける、画像表示のクラスはシンプルに2つしかありません …
CSS CSS指定した画像が表示されない時の対処法【原因は2つだけ】 2021年7月9日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS こんなお悩みの解決記事です。 本来ならこのように表示されているはずなのだけど、、、、 サ …
CSS 【解説】デザインを左右するGoogle Fontsの使用方法 2021年5月18日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような疑問に回答します。 「サイトデザインを変えないでオシャレに見せる方法」の一つは、フォントを変えることです。フォントを …
CSS 【CSS】backgroundで背景全面に画像を配置しよう 2021年5月17日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS こんなお悩みの解決記事です。 CSSで画像を配置し、ブロックいっぱいに指定する方法を解説します。 メインビジュアルでよく見か …
CSS 【1分で完了】レスポンシブで要素の順番を入れ替えるCSSの書き方 2021年5月16日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような疑問にお答えします。 よくあるパターンはこれ↓です。 本来はこうしたいのだけど・・・・ 通常 …
CSS 【図解解説】floatとflexboxはどのように使い分ける? 2021年5月15日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような疑問にお答えします。 HTML・CSSの学習が進み、両者の違いが分かったところで「どのように使い分けをしたらいいか」 …
CSS 擬似要素を使って下線を引く方法【before・afterを使おう】 2021年5月8日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような疑問にお応えします。 テキストで説明しても分かりづらいと思いますので、簡単に表現すると以下のような装飾のことです。 …
コーディング ディベロパーツールでHTML要素を検証しよう【制作工数が下がります】 2021年4月25日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような悩みにお答えします。 デザイン通りのコーディングをしようと思い、進めていても思ったようにページに反映してくれない時っ …
CSS なぜかCSSが適用されない時に試したい、6つのこと【原因と解決策を提示】 2021年4月24日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS こんな悩みにお答えします。 CSSを書いているのに適用されない原因としては、いくつかありますが、大きく分けて「ローカル環境」な …
CSS 【ツール紹介】CSSグラデーションの作り方 2020年8月25日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 「簡単にグラデーションを作る方法ないのかな？」 こういった疑問にお答えします。 CSS3になり、グラデーションを表現できるようになったとはいえ、初心者の方からすれば以下のよ …
レスポンシブ headerをメディアクエリを使わずに、スマホサイト（デバイス）に合わせてフレキスブルレイアウトにする方法 2020年5月4日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS メディアクエリを使って、横幅を指定することはできますが、できるだけメディアクエリも使わずに、横幅をデバイスに合わせてフレキシブルに調整するC …
サーバー 【画像解説・5分で完了】Macで独自ドメインのメール設定する方法 2021年10月16日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような方向けの解決記事です。 所要時間は5分程度。 19枚の画像を使用して、できるだけ分かりやすく解説しています。 …
サーバー 【エックスサーバー社】独自ドメインメールアドレスの作り方 2021年9月26日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 必要なもの 以下を準備したら、早速メールアドレスを作成していきましょう。 エックスサーバ …
サーバー 【画像解説・5分で完了】iPhoneで独自ドメインのメール設定する方法 2021年9月25日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS 本記事では、事前に作成しておいた独自ドメインのメールアドレスをiPhoneで送受信する方法についてお伝えします。 28枚の画像 …
サーバー webサイトにパスワードをかける方法【公開範囲を限定させる】 2021年6月6日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このようなお悩みの解決記事です。 web制作でページを実装したのはいいものの、特定ページを、限られたユーザーにだけ公開したい場 …
サーバー 1ドメインでポートフォリオサイトを別ドメインにする方法【サブドメイン作成】 2021年5月23日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような悩みの解決記事です。 結論からお伝えすると、サブドメインを作成します。 サブドメインを使用することで、システム環境 …
サーバー 【解説】FileZillaでファイルをアップし、Webサイトを公開しよう 2021年4月23日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このような疑問にお答えします。 HTML・CSSを使用してコーディングしたのはいいけど、サーバーにアップしないことには、誰にも …
サーバー 【4つの手順で解説】エックスサーバーでドメイン・サーバーを契約し、ポートフォリオを公開しよう 2021年4月13日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS こんな読者さんの問いにお答えします。 ドメイン、サーバーって何？ まずポートフォリオ（Webサイト）を公開するには「ドメイン」と …
サーバー 【手順を解説】エックスサーバーでサーバー・ドメインを契約して、会員サイトの構築準備をしよう 2020年7月18日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード: …
サーバー エックスサーバー のサイトをSSL化する手順を解説します 2020年5月4日 大城ゆう https://corecolors.net/wp/wp-content/uploads/2021/07/logo_white.png CORECOLORS よく見るURLで、種類が2つあるのは知ってました？ https://corecolors.net https://corec …
コンポーネント
