header_image

このサイトにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

サムネイル

CSSの疑似要素・疑似クラスの種類と使い方【初心者にもわかり……

2022年02月22日
最終更新日:2022年02月23日
疑似要素・疑似クラスは、どちらも元となる(基準となる)要素に対して追加のスタイルを指定したり装飾を行うために使用するCSSのセレクタ―です。
サムネイル

CSSのtransitionの使い方【初心者にもわかりやすく……

2022年02月18日
CSSのtransitionは、要素が指定したスタイルの状態へとどのくらいの時間をかけて変化するかを指定することができるプロパティです。
サムネイル

CSSのセレクターとは?【種類と使い方をわかりやすく解説】

2022年02月18日
CSSのセレクタ―は、スタイルを適用させたいHTML要素の特定に使います。セレクタ―を使ってスタイルを指定することで、同じスタイルを使いまわしたり一部分にだけ違うスタイルを適用させることが可能になります。
サムネイル

CSSのpositionプロパティの使い方【初心者にもわかり……

2022年02月11日
CSSのpositionプロパティを使えば、自由な位置に要素を配置することができます。基準となる位置から「上に何px(下に何px)」移動させ、「左に何px(右に何px)」移動させるというような形で配置場所を指定します。
サムネイル

CSSのcalcの使い方【CSS内で計算を行う方法を解説】

2022年02月10日
calcを使えばCSS内で計算を行い、その計算から導き出された計算結果をプロパティの値に使用することができます。calcでは、演算子を使った四則演算(足し算、引き算、掛け算、割り算)が可能で、pxや%など異なる単位同士でも計算することができます。
サムネイル

CSSのvhやvwの使い方【初心者にもわかりやすく解説】

2022年02月10日
最終更新日:2022年02月12日
「vh」と「vw」は、pxや%と同様にwidthやheightなどのCSSのプロパティの値を指定する際に使用できる単位です。vhやvwを使うとウインドウサイズに応じたサイズ指定が可能になり、レスポンシブデザインが作りやすくなります。
サムネイル

Inkscapeのダウンロード&インストール方法【画像付きで……

2022年02月10日
最終更新日:2023年01月26日
無料で使えるベクターグラフィック描画ソフトInkscapeをwindows10にインストールする手順を説明します。インストールが完了したら製作を始める前に、まず自動保存の設定を行っておくことをおすすめします。
サムネイル

PHPのタイムゾーンの設定方法【現在時刻がずれている時の対処……

2022年02月06日
タイムゾーンとはその名のとおり、時間によって世界の地域を区分けしたものです。このタイムゾーンの設定によってWEBサイトは、世界のどの地域の時刻を使用するかを決定しています。
サムネイル

ワードプレスでショートコードを使う方法【投稿・固定ページでP……

2022年02月05日
最終更新日:2022年02月06日
ワードプレスでは、あらかじめ使いたいPHPの処理をショートコードという形で設定しておくことで、に投稿ページや固定ページでもショートコードを本文中に記述することでその処理を呼び出すことができます。
サムネイル

ワードプレスで今日の日付を表示する方法【初心者にもわかりやす……

2022年02月05日
最終更新日:2022年02月06日
ワードプレスのphpファイル上でもdate関数は使用できるのですが、時刻がずれてしまうという問題が発生します。日時を取得したい場合はdate_i18n関数を用いるようにしましょう。
サムネイル

PHPで曜日を取得する方法【初心者にもわかりやすく解説】

2022年02月05日
最終更新日:2022年02月06日
PHPを使って曜日を取得する方法について説明します。日本語の曜日を表示させるとなると少し工夫が必要になります。
サムネイル

ワードプレスの使い方【ホームページを作る手順】

2022年01月30日
最終更新日:2022年02月05日
ワードプレスは無料で誰でも利用でき、サイトの制作や運営に便利な機能が備わっているため世界中の数多くのWEBサイトがワードプレスによって作られています。
サムネイル

リセットCSSの使い方

2022年01月29日
最終更新日:2022年02月05日
リセットCSSは、ブラウザのデフォルトCSSによってはじめから指定いされているスタイルをリセットする(打ち消す)ために使うCSSです。
サムネイル

CSSでテキストの一文字目だけ指定する方法【初心者向け】

2022年01月29日
最終更新日:2022年02月06日
テキストの一文字目だけスタイルを変える方法には、疑似要素の「:first-letter」を使用する方法とspanを使って一文字目を囲んで指定する方法があります。
サムネイル

CSSのbox-sizingの使い方【初心者にもわかりやすく……

2022年01月28日
最終更新日:2022年02月06日
box-sizingプロパティは、要素の幅(width)と高さ(height)にborderの太さとpaddingの余白のサイズを含めるかどうかを指定するために使用します。
サムネイル

ワードプレスでSSL化を行うプラグイン「Really Sim……

2022年01月21日
最終更新日:2022年02月06日
SSL化を行ったサイトはブラウザとサーバーの間で行われるデータ通信を暗号化し、第三者による傍受や改ざんを防ぐことができます。
サムネイル

CSSだけで三角や矢印を作る方法【borderプロパティ】

2022年01月21日
最終更新日:2022年02月12日
既存のプロパティの特性をうまく応用すれば、画像を使わなくてもCSSだけで三角形や矢印を作り出すことが可能です。
サムネイル

CSSのベンダープレフィックスとは?【初心者にもわかりやすく……

2022年01月21日
最終更新日:2022年02月12日
ベンダープレフィックスをプロパティの接頭辞として付与して記述することで、各ブラウザのベンダー(開発元)が開発した拡張機能のCSSを先行実装できるようになります。
サムネイル

CSSでテキストを縦書きにする方法【writing-mode……

2022年01月21日
最終更新日:2022年02月12日
CSSで縦書き表示のために使用するのは、縦書きと横書きを切り替えwriting-mode、英数字の表示を制御するtext-orientationとtext-combine-uprightです。
サムネイル

背景が印刷できないときにCSSで指定する方法【初心者にもわか……

2022年01月21日
最終更新日:2022年02月12日
ブラウザからサイトを印刷する際に背景まで印刷されるようにCSSで指定するには、-webkit-print-color-adjustプロパティを使用します。
サムネイル

サブディレクトリにワードプレスを設置する方法【画像付きで解説……

2022年01月15日
最終更新日:2022年02月12日
サブドメインやサブディレクトリを使用すれば一つのドメインを取得するだけで複数のサイトを管理運用することが可能です。
サムネイル

ワードプレスのサイトにSNSシェアボタンを設置するプラグイン

2022年01月15日
最終更新日:2022年02月12日
SNSシェアボタン設置できるプラグインの中でも代表的なプラグインであるAddToAny Share Buttonsの使い方を説明します。
サムネイル

ワードプレスで特定のページのみにCSSを反映させる方法

2022年01月15日
最終更新日:2022年02月12日
ワードプレスは、ページによってbodyタグに異なるクラスが付与されるようになっています。このクラスを用いて実際にページごとに異なるCSSを反映させるための記述の仕方を説明します。
サムネイル

Google Chromeのデベロッパーツールの使い方【画像……

2022年01月15日
最終更新日:2022年02月12日
デベロッパーツールとはWEBブラウザであるGoogle Chromeにはじめから備わっている機能の一つです。閲覧中のWEBサイトのページを構成しているHTMLやCSSといったソースコードを確認することができます