daiiz https://blog.hatena.ne.jp/daiiz/ #daiizメモ https://daiiz.hatenablog.com/ tech GitHubのページデザイン，ガラッと変わりましたね！！ 新しいプロフィールページも格好良いけれど，リポジトリリストの ”Past year of activity” を表す波（折れ線グラフ）がカッコよすぎる． こういうやつ↑ どうやって表示しているのか知りたかったので，ソースコードを覗いてみた．はてなブックマークのブックマーク数を表示する「50 users」のチップのように画像として配信されているのかと思いきや，SVG（Scalable Vector Graphics）を使ってその場でグラフを書いていた． idっぽいものが入っていたので少し伏せ字加工したけれど，こんな感じでrectタグが描か… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdaiiz.hatenablog.com%2Fentry%2F2016%2F09%2F20%2F003952" title="GitHubのリポジトリリストのグラデーション波が格好いい - #daiizメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/d/daiiz/20160920/20160920001655.png Hatena Blog https://hatena.blog 2016-09-20 00:39:52 rich https://daiiz.hatenablog.com/entry/2016/09/20/003952 1.0 100%