いい加減jQueryで消耗するのも嫌になってきたのでVue.jsはじめました。 ※実際はそんなに消耗するほどjQuery使ってません。 作ったもの logirl archive ルーティングもできてるんやでー！すごーい ロガールというアイドル/グラビア/女優を扱ってるニュースサイト？があったのですが2017年3月末で終了してしまうとのことで、あまりに勿体ないので終了前に一部の画像と記事をサルベージ（引っこ抜いて）しておきました。 そのデータを閲覧する用のサイトです。 はじめる前に はじめてのVue.js - 単一ファイルコンポーネントを作れる環境構築編 (npm + gulp + browserify + babel + vueify) Vue.js入門 ―最速で作るシンプルなWebアプリケーション 上記2サイトでは自分にはちょっと難しくて挫折しました…。 マークアップエンジニアがVue.

もう7年ほど前になりますがFlashでサイト製作をしていた時代に、表現に悩まされるものがありました。 それが『湯気』です。 イラストを使った可愛い表現なら問題ないですが、リアルな感じを作ろうと思うとこれがなかなか難しい。最近では動画やアニメGIFなどで代用されていたりすることも多いと思いますが、今回はそんな素材がない時に使える 『SVGで作るリアルな湯気』 を紹介したいと思います！ See the Pen Steam by uenaka (@uenaka) on CodePen. SVGで湯気を書く まずはSVGで湯気の形を自由に書いてみてください。 難しく聞こえるかもしれませんが、後々ボカして使用しますので形に拘る必要はありません。 参考までに私が書いてみた湯気がこちらです。 SVGにanimateを追記して動す よりリアルな動きに見せるため、SVGで書いた湯気を動かします。 ここも動き