絵文字でローディングアイコン “emoji loader”

慧：こんにちは！　以前ツイートしたものを記事にしておくよ。

こういう loader 思い付いたんだけど、どうかな？ http://t.co/zdYDsaXYBL pic.twitter.com/sS9naUob18

— プロ生ちゃん（暮井慧）🍍 (@pronama) February 11, 2015

Twitter 絵文字をそのままくるくる回る Ajax とかの loader (spinner) にしてみるとおもしろいかも？っていうアイデア。絵文字は twemoji を使ってるよ。

emoji loader

デモここ。コードは GitHub の css と html ファイルを直接みてね。

https://gist.github.com/kureikei/971892a6060cee9f3c33

CSS の記述はこういう感じ。loader class の要素を1秒で1回転。実際には、animation や @keyframes には、ベンダープレフィックスがいろいろ必要だよ。

https://gist.github.com/kureikei/10d086d5dd65d02d88d6

都内の公立高校に通う高校生。部活は、情報処理研究会。身体を動かすのも好きで、気が向いたときはなぜか体育会系の部活に混ぜてもらっていろんなスポーツをすることも。プログラミング生放送のキャラクターとして活動中！