css | きもおた・わーどぷれす。

今更聞けないremとemとpxの違いと使い分け　～テーマ設計の視点から整理してみた

2026年6月9日2026年6月7日 by 天満川鈴

CSSのフォントを見ると、rem、em、pxが書いてあったりします。調べてみると、だいたいこんな感じの説明を目にすると思います。 remとemとpxの意味：・px = 固定値（＝絶対値）・rem = html基準（ … 続きを読む

2026年6月10日2026年5月27日 by 天満川鈴

最近、テック系のサイトを中心にあちこちで見かけるのが読了プログレスバー。特にダークテーマですと、一筋の光が闇を貫くようで格好いい。なんて厨二心をくすぐるの…… というわけで、自称中学二年生の私は本サイトに実装してみま … 続きを読む

2026年6月10日2026年5月10日 by 天満川鈴

多くのテーマについているアイコンのついた吹き出し機能このアイコンの表情がアニメみたいに動いたらすごいのになあ……なんて思ったことありませんか？私は思いました。そこで、実際に動かしてみました吹き出しアイコンが1回 … 続きを読む

2026年6月9日2024年10月8日 by 天満川鈴

Cocoon×スキン「モノクロ」の組合せでPageSpeed Insightsをしてみたところ「タップターゲットのサイズが適切ではない」と怒られました。検索窓が細すぎて、虫眼鏡アイコンが小さすぎるというものです。 SE … 続きを読む

2026年6月9日2024年10月2日 by 天満川鈴

サイトを１カラムにしてPageSpeed Insightsをやってみたところ、次の指摘が出るようになりました。見出し要素は降順になっていません具体的に指摘されたのはフッター部ウィジェットの見出し。 Cocoonはウィ … 続きを読む

2026年6月9日2024年9月25日 by 天満川鈴

WEXAL環境下においては様々な表示崩れが生じることがあります。本記事では、WEXALが原因で生じる表示崩れの多くについて解決できる方法を紹介します。採り上げるのはCocoonにおける実例となります。ただし本質的に … 続きを読む

2026年6月12日2021年5月9日 by 天満川鈴

Cocoon最新アップデートで搭載されたスキン「イノセンス」。「大人かわいい」がキャッチフレーズだそうですけど。著者は、おっさんくさく見えるって言ってるよバカにしてるわけじゃありません。それどころか、私がテーマを … 続きを読む

2026年6月16日2021年4月29日 by 天満川鈴

PageSpeed Insights（PSI）で「画像要素で width と height が明示的に指定されていない」の指摘を受けることがあります。画像要素のwidth（幅）とheight（高さ）指定はCLS対策とし … 続きを読む

2026年6月9日2021年4月16日 by 天満川鈴

テーマ、あるいはそのスキンを使おうとすると、背景画像が予め設定されていることがあります。問題は、これを消したいとき。 WordPressでサイトを構築している場合は子テーマを用いることが多いのですが。親テーマ側で設定 … 続きを読む

2026年6月19日2017年8月15日 by 天満川鈴

本記事は、サイドバーのカテゴリーリストをツリー表示からボタン表示に変更するカスタマイズの方法を紹介するものです。カテゴリごとの記事数も同時に表示できます。他サイトと一味違ったデザインのカテゴリーリストを実装してみたい … 続きを読む

2026年6月9日2017年3月14日 by 天満川鈴

CSSだけで色鉛筆？細いクレヨン？水彩ペン？っぽい下線を作って引いてみました。蛍光ペンよりも優しく柔らかく軽く見えます。見出しなどにも使え、特に手書き文字に合います。コピペでOK、よろしければ持っていって下さい。