WEBサイトで表現する床屋のクルクル

すっかりご無沙汰してしまい、反省してます。トバヤマです。
前回から今回までブログのネタはあるのに書く暇がないという、
嬉しいような悲しいような日々を送っておりました。汗

そんなこんなで先日新たにサイトの制作をさせていただきました！

東京で修行をつんだ店主の寺澤さんが、7月初旬にオープンしたばかりの床屋さんです。
若い世代〜年配の方まで幅広く対応できる素敵な空間になっています。
店主の寺澤さんは穏やかで話しやすく癒し系です。

お近くの方はぜひ1度足を運んでみてください。

さて、本題はここからなんですけど、、、

今回サイトを制作する上で個人的にこだわったのがローディングなんです。
床屋をイメージさせるものといえば赤・青・白が回転しているサインポール。
そいつを取り入れられないかなと…

そこで取り入れたのがCSS3の@keyframesとtransformです！

なんのこっちゃわかんないと思いますけど、
簡単に言うと「サイトが読み込まれた時に動きをつける」みたいなことです。
いままでFlashに頼ってたものがもうほとんどhtmlだけでできます。
だからって簡単にできるわけではないですが…。

と、言うことで、僕のささやかなこだわりも頭の片隅に置いていただきつつ、アールヴォリさんのこだわりもチェックしてください☆