コーディングでよく見るけどちゃんとした使い方がわからなかったり、使いにくいCSSの疑似クラスってあったりしませんか？ 今回は、中でもCSSの便利な疑似要素::beforeと::afterの使い方をまとめます。さまざまなデ …
2021.05.17
Web制作・ホームページ制作
2021.05.17
2021.05.14
Web制作・ホームページ制作
2021.05.14
cssとscss(sass)の違いについて
当たり前のように、scssを使うようになってきた現代です。 しかし、cssとscss(sass)の違いが意外と分からない方もいるので、scss(sass)についてとメリットをまとめたので、cssと比較してわかってもらいた …
2021.05.13
Web制作・ホームページ制作
2021.05.13
CSSでcounterを利用したナンバーを自動出力する方法
CSSの「counter（カウンタ）」を使用すると連番などが自動で出力できる機能を実装することができます。 「1」「2」「3」のような基本的なものはもちろん、「1.1」「1.2」「1.3」「2.1」のような章や節を表すこ …
2021.05.12
Web制作・ホームページ制作
2021.05.12
カスタム404ページの必要性・作成ポイント
ページが存在しないときに、下記のように「Not found」「404 not found」、「404 error」と表示されるエラーページのことを404エラーページを呼び、この404エラーページにトップページリンクやカテ …
2021.05.11
Web制作・ホームページ制作
2021.05.11
ホームページ内にブログ設置する必要性は？
「WEBからの集客増やしていきたいなら、ブログを書きましょう！」 私もそんな話を聞いたことがあります。 どうしてブログを書いていくことが、集客につながるのか理由をわからない人もいます。 理屈が分からないまま頑張っていても …
2021.05.10
Web制作・ホームページ制作
2021.05.10
成果が出るランディングページの構造
成果の出るランディングページ（LP）は構造が一番重要な要素になります。 ただランディングページを作って終わるのではなく、作るからにはコンバージョン率をアップできるランディングページにしたいと制作者は思います。 そのお手伝 …
2021.05.09
Web制作・ホームページ制作
2021.05.09
Macコマンドで簡単！PNG＆JPGをWebPに一括変換
今回、Macのターミナル（コマンド）でPNG、JPGを一括変換することが発生しましたので、簡単にその方法をご紹介します。 公式ツールのcwebp/dwebpをインストールcwebp/dwebpの使い方cwebpを使って一 …
2021.05.07
Web制作・ホームページ制作
2021.05.07
ランディングページ（LP）とは？わかりやすく解説！
通常のWEBサイトとは別にランディングページ（LP）というものがあります。 LP（ランディングページ）は商品やサービスに特化したWebページのことを指し、リスティング広告やバナー広告などをクリックした際のリンク先でよく見 …
2021.05.06
Web制作・ホームページ制作
2021.05.06
ページの表示速度を意識した画像を最適化する方法
分かりやすいWEBサイトにするために、画像は必要不可欠です。 しかし、画像を多く使い表示速度が落ちてしまうとSEOによくありません。 画像の品質を保ったまま、ページの表示速度を短縮する方法を紹介します。 画像の最適化する …
