@mxinや@extendはSassの便利な機能はありますが、使い方によってはメンテナンス性を下げたり、意図していないことが起きてしまいます。 今回は@extendの復習をします。

概要 日本語フォントは文字数が多く、どうしてもフォント自体のサイズが大きくなりがちです。 フロントエンドで使う場合、転送量や表示速度などを考慮すると踏みとどまることが多いように感じます。 Googleが提供することで、これらの課題がいい方向に解決し…

見本 See the Pen text-spinners by Yuta Kiyama (@yutakiyama) on CodePen. text-spinnersに色々サンプルがあります。 実装方法 HTML内に以下のソースを入力。 ソースを確認は、GitHubのspinners.cssで確認できます。 <link rel="stylesheet" href="http://tawian.io/text-spinners/spinners.css"> <button>Loading <span class="loading"></span></button> どうやって動いているのか t</link>…