CSS3:フォントで画像をマスクする CSSでフォントをマスク化する方法です。 マスクされてることが分かりやすいようhoverアニメーションも付けてます。 See the Pen CSS3 Text Mask by Kazuyoshi Goto (@Kazu… ゴトーハック2017.05.31 1,787
CSS Gridレイアウト入門:グリッドの結合と列番号・行番号の概念 以下はGridレイアウトで画面全体をレイアウトした例です。 ブログによくあるレイアウトですが、Gridレイアウトでは列と行が要のため赤線を入れています。 See the Pen CSS Grid layout test … ゴトーハック2017.05.16 5,392
CSS Gridレイアウト入門:「fr」でのサイズ指定 Gridレイアウトで幅指定をする際に「fr」という値を使えます。 See the Pen CSS Grid layout test 2 by Kazuyoshi Goto (@KazuyoshiGoto) on Code… ゴトーハック2017.04.25 22,653
CSS Gridレイアウト入門:基本の3プロパティ まずはサンプルをご覧ください。 See the Pen CSS Grid layout test 1 by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 上記サンプルは10個のd… ゴトーハック2017.04.19 1,101
IMPORTRANGE関数で外部のスプレッドシートファイルを参照する 同一ファイルの別シートではなく、別のファイルにある値を参照したい…そんな時に使えるのが IMPORTRANGE 関数。 IMPORTRANGE(“abcd123abcd123”, “シート1!A1:C10”) 一つ目の値… ゴトーハック2017.02.28 1,080
【Googleチャート】ツールチップのフォーマットを書き換える サンプルは以下。 See the Pen Google Chat Custom Tooltip 1 by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 同じデータのグラフですが、… ゴトーハック2017.01.24 3,505
CSSだけでSVGをアニメーションさせる こんにちは、ゴトーです。 ロゴにSVGアニメーションを利用しているサイトを最近たまに見るので、試したところJSを使わず簡単にできたのでご紹介します。 「HTMLでSVGを描画する」でSVGの描画について書きましたが、この… ゴトーハック2017.01.19 15,051
MacのEjectキーに別の挙動を割り当てる こんにちはゴトーです。 Mac純正のキーボードでタイピング中に delete と間違えて一番右上にあるEjectキーを押すことが結構あり、さすがにストレス溜まるのでキー割り当てを変えられないか探してみたら丁度よいソフトが… ゴトーハック2017.01.12 5,487
HTMLでSVGを描画する あけましておめでとうございます、ゴトーです。 子供の頃から毎年浅草寺に初詣に参拝して、屋台の甘酒を飲んで新年を感じてます。 新年一発目の投稿は、そろそろスタンダード化してほしいSVGの利用について。スマホ用画像を何個も作… ゴトーハック2017.01.06 2,357