Defensive CSS
👋 This article has been expanded into a new project called Defensive CSS. Due to the fact that the content here will not be updated, I recommend you to read defensivecss.dev instead. Oftentimes, we wish that there was a way to avoid a certain CSS issue or behaviors from happening. You know, content is dynamic, and things can change on a web page, thus increasing the possibility of a CSS issue or
CSS System Colors
In another episode of “I’ve been a web designer for how long and am only now learning about this?” let’s talk about CSS system colors. Background On my blog, I support light and dark mode which is all controlled by prefers-color-scheme in my stylesheet. However, the implementation might not be what you imagine. A common pattern for doing light/dark mode is to use CSS custom properties for color va
emとは - 凶悪モナド
CSSで扱う単位、emとは何の略なのか究明してみた。 まず勘違いしてはいけないのが、HTMLの<EM>タグとはまったく関係ないということ。この場合のEMはEmphasisの略で、「強調」という意味があります。 <EM>−HTMLタグリファレンス http://www.htmq.com/html/em.shtml CSSでのem（エム）は、px（ピクセル）やpt（ポイント）と同じように単位として扱います。これは印刷業界で用いられていた単位です。Wikipediaの書体のページでは、以下のような説明があります。 書体 - Wikipedia http://ja.wikipedia.org/wiki/%E6%9B%B8%E4%BD%93 ある活字のサイズを一辺とする正方形を、組版における相対的な長さの単位としたものがem（エム）である。例えば、12ポイントの活字での1 emは12ポイントであり、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Can I recreate Stripe’s text effect?
https://twitter.com/jagaapple_tech/status/1541975994214469632
Neumorphism/Soft UI CSS shadow generator