PCやタブレット用のレイアウトとスマートフォン用のレイアウトをそれぞれ分けて画面表示しているホームページは多いと思います。 そこで今回はCSSのメディアクエリとViewPort(ビューポート)という機能を利…
CSSメディアクエリとViewPortによるレスポンシブデザインの作り方
CATEGORY ホームページ作成
CSSのfloatプロパティで要素を横並びにする方法
今回は、CSSのfloatを使った要素を横並びにする方法とfloatを解除するclearプロパティをご紹介します。 横並びにする方法としてはほかにもdisplay:inline-block;やdisplay…
知っておきたいCSS セレクタの優先順位・詳細度・継承
今回は、知っておきたいCSS セレクタの優先順位・詳細度・継承についてご紹介します。 もくじ 以下は本記事のもくじです。 1.CSS セレクタとは 1-1. ユニバーサルセレクタ 1-2. 要…
知っておきたいCSSの擬似クラスと擬似要素の基本と併用可否について
ここでは、知っておきたいCSSの擬似クラスと擬似要素の基本と併用可否について説明します。 1. 代表的な擬似クラス 1-1. 最初の要素 :first-child 1-2. 最後の要素 :last-chil…
ドメイン変更を伴うWordPress引っ越し ローカル環境への移行手順
ドメイン変更を伴うWordPress引っ越しを想定してローカル環境で検証する方は多いかと思います。 ここではレンタルサーバーに構築したWordPressをローカル環境に移行する手順をご紹介します。 &nbs…
WordPressのバックアップ 有名プラグインbackWPupの使い方
WordPressをバックアップするときに定番のプラグイン「BackWPup」をご紹介します。 もくじ 以下は本記事のもくじです。 1. BackWP…
WordPressで子テーマを作成してカスタマイズする方法
もくじ 以下は本記事のもくじです。 1.概要 1-1.子テーマとは 1-2.子テーマを作るには 2.子テーマの作り方 2-1.作成環境 2-2.作成手…
無料レンタルサーバーでホームページ開設【エックスドメインHTML機能】
今回は、 無料レンタルサーバーを提供しているエックスドメインで、HTMLを使ったホームページを解説する手順を説明していきます。 ※2017年4月20日時点での手順になります。 もくじ 以下は本…
無料FTPツール FileZilla の使い方 Mac・Windows対応
今回は、サーバへファイル転送をするための 無料 FTPソフト FileZillaのダウンロードから使い方を説明します。FileZillaはMACとWindowsの両方のOSに対応している有名なFTPソフトの一つで、レンタ…
開発エディタ Atom のインストール手順
ここでは、HTMLやCSSを編集するのに便利なツール「 Atom エディタ」の紹介とインストール手順などを説明していきます。 もくじ 1. Atomとは 2. Atomのインスト…
最近の投稿
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
