ストライプ柄を簡単作成！　CSSジェネレーターを2つ紹介

ストライプ柄をCSSで作れるジェネレーターを２つご紹介します。 シンプル操作で直感的にストライプを作成できる 「CSS ...

【CSS】light-dark()でライトモードとダークモードの対応を簡単に！

Googleブログで3月19日の「Chrome123 の新機能」を紹介する記事に、気になるCSSがあったのでご紹介します...

「グリッチ」効果のテキストを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以外のアドレス、例えば会社のアドレスなど...