「グリッチ」効果のテキストをCSSで簡単に作成できるジェネレータ「CSS Glitch Text Effect」

「グリッチ」効果のテキストを簡単に作成できるCSSジェネレータ「CSS Glitch Text Effect」を紹介しま...

Googleが低品質なコンテンツのページを検索結果の上位に表示しないように検索機能を強化

2024年3月5日にGoogleのブログに「検索上のスパム的で低品質なコンテンツに対処する新しい方法」という記事が投稿さ...

グリッドレイアウト（CSS Grid）で謎の余白が発生した時に設定するプロパティ

グリッドレイアウト（CSS Grid）を使い始めた時、意図しない謎の余白が発生して困ったことがあります。 今回のブログは...

色覚多様性（色弱・色覚異常）の方の見え方を簡単に確認できるツール『Colorblindy』

WEB制作の現場でも考える必要のある「色覚多様性」とは 「色覚多様性」という言葉をご存じでしょうか。 色弱や色覚異常と呼...

インラインSVG画像の代替テキスト（alt）の設定について

画像の拡張子と言えばjpgやpngが一般的ですが、WEB制作ではSVG画像も多く扱います。 その時にSVG画像をインライ...

「Duotone」画像をCSSで！『CSS Duotone Generator』

「Duotone」の画像が簡単にCSSで作成できるジェネレータ『CSS Duotone Generator』を紹介します...

グリッドレイアウトを簡単に！「CSS Grid Generator」

グリッドレイアウトとは 要素を格子状に並べて自由に配置することができるCSSです。 例えばこのようなレイアウトがグリッド...

【CSS】要素を上下左右「中央配置」にする３つの方法【position,flex,grid】

cssで要素を上下左右で中央寄せにしたい時、いくつかの方法がありますね。 今回は簡単に要素を中央寄せに出来る代表的な方法...

コピペで簡単！　様々な形のリボンをCSSで作れる「Ribbon Shapes」の紹介

ストライプ柄から漫画の吹き出しのような形まで、大体のデザインが作れてしまう昨今のCSS。 しかし「作れる」けれども、「”...

Gmailで独自ドメインのメールをすぐに受信する方法

普段、メールクライアントにGmailを使用していますが、 GmailはGmail以外のアドレス、例えば会社のアドレスなど...

All in One SEO Proをインストール・有効化する方法

「All in One SEO」はSEO設定をワードプレスの管理画面より行える便利なプラグインです。 All in On...

いつの間にかWPにインストールされているプラグイン「OptinMonster」と「Google Analytics for WordPress by MonsterInsights」について

ワードプレスに入れるプラグインは初期設定で入っているものもありますが、 基本的にはユーザーが自分で必要なものを選んで入れ...