Introduction 「CSS完全に理解した」Tシャツは以前から知っていて、ネタとして面白いし、敢えてそのデザインを再現するには多少CSSの理解が必要になってきて、深いな(?)と思っていました。 そんな中最近この記事を見つけ、楽しく拝見させていただき、これに…

今回は個人的なブレークポイントの決め方を共有してみようと思います。 1. iPhoneの最大サイズを調べる 2. iPadの最小サイズを調べる 3. SPデザインを切り替えるブレークポイントを決定する 4. タブレットのデザインを用意するか否か 4-1. タブレットのデザ…

シングルクラスでmodifierを使う element内でクラス名を格納するための this を定義し、modifier内で継承しています。 これにより、 class="block__element block__element--modifier" と2つクラスを付けるようなところを class="block__element--modifier" …

文 字 間 も 空 け よ う 。 body { letter-spacing: 1em !important; } ブックマークレット版 ここをクリックで試せます。 javascript:(function(){document.body.style.cssText += 'letter-spacing: 1em !important;';})();