CSS3
CSS3：Gridレイアウトで簡単に作れるモバイル用レイアウト
一昔前はヘッダーやフッターの固定にCSSやJavaScriptでやたら工夫が必要でしたが、今はGrid一つで簡単・安全にできます。 See the Pen Grid only App layout sample by K…CSS3：フォントで画像をマスクする
CSSでフォントをマスク化する方法です。 マスクされてることが分かりやすいようhoverアニメーションも付けてます。 See the Pen CSS3 Text Mask by Kazuyoshi Goto (@Kazu…CSS Gridレイアウト入門：グリッドの結合と列番号・行番号の概念
以下はGridレイアウトで画面全体をレイアウトした例です。 ブログによくあるレイアウトですが、Gridレイアウトでは列と行が要のため赤線を入れています。 See the Pen CSS Grid layout test …CSS Gridレイアウト入門：「fr」でのサイズ指定
Gridレイアウトで幅指定をする際に「fr」という値を使えます。 See the Pen CSS Grid layout test 2 by Kazuyoshi Goto (@KazuyoshiGoto) on Code…CSS Gridレイアウト入門：基本の3プロパティ
まずはサンプルをご覧ください。 See the Pen CSS Grid layout test 1 by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 上記サンプルは10個のd…
読み込むだけで画像にInstagramのような加工ができるCSSライブラリ「CSSgram」
利用方法 CSSライブラリをダウンロードします。 CSSgram フィルターをかけたい画像に該当のクラスを指定します。 <img src=”” class=”aden” /> 外側のクラスでも大丈夫です。 &…ヒラギノ角ゴが太く見える問題を解決する：その2
以前下記の内容を書きました。 ヒラギノ角ゴが太く見える問題を解決する MacOSが El Capitan 以降の人ならこれで解決しますが、それ以前の人は解決しません。 旧式の「ヒラギノ角ゴPro」が当たってしまい、Saf…