ワードプレス

記事一覧のサムネイル上「カテゴリーラベル」を非表示にする【cocoonカスタマイズ】

ワードプレスの「cocoon」テーマをカスタムしているのですが、記事一覧のサムネイル上のカテゴリーラベルの消し方が分かり...
CSS

分かりやすい、position(ポジション)プロパティの解説【CSS】

CSSのpositionプロパティを勉強していますが、いまいち分かりません。 positonは最初はとっつきにくいけど、...
ソフトウェア

ブラウザのデベロッパーツールの使い方【Webページ表示崩れの原因探し】

作ったWebページのレイアウトが崩れたまま直せません?原因を知りたいのですが、見つけ方のコツはありますか? そういう場合...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう⑤【Webサイトコーディングの流れ】

前回の続きです。 今回はスマホ用のCSSを設定し、レスポンシブに対応させます。それが出来たら、サンプルサイトの完成だよ。...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう④【Webサイトコーディングの流れ】

前回の続きです。 引き続き「Menu」エリアとフッターのCSSを設定していくよ。 「Menu」エリアのCSSを設定する ...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう③【Webサイトコーディングの流れ】

前回の続きです。 引き続きサンプルサイトのCSSを設定していきます。構造を詳しくするためのHTMLの追加や、class名...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう②【Webサイトコーディングの流れ】

前回の続きです。 HTMLの基本マークアップが出来たところで、CSSの設定に取りかかります。今回はPC用 > スマホ用の...
Webサイトを作ってみよう|連載

サンプルサイトをコーディングしてみよう①【Webサイトコーディングの流れ】

今までWebデザインを学んで、なんとなく理解できましたが、自分で1からコーディング出来る気がしません。 最初は誰でもそう...
Webサイトを作ってみよう|連載

レスポンシブデザイン。PC・スマートフォンの表示切り替え【CSS基礎】

レスポンシブデザインとは 昔のWebサイトではパソコン用のサイトと携帯用(スマホ用)のサイトを別に作っていました。それで...
Webサイトを作ってみよう|連載

要素を横並びにする、フレックスボックスの使い方③【CSS基礎】

前回からの続きです。 今回でフレックスボックス関連プロパティの解説は完結です。まずはフレックスアイテムの折り返しからです...