Tokyo Q Studio

Web制作・WordPress・BootStrap・DTM制作・SEO対策

動くインフォグラフィックでサイトを楽しくするアイデア

インフォグラフィック

円グラフをアニメーションで表現するアイデア

 

手間はかかるけど動き的に目に付くから面白い。

こう言ったギミックをテンプレート化して持っていればいつか使える日が来るでしょう。

 

最近はこう言った動きもCSS3で完結出来る様になってきました。

JavaScriptも良いのですが、軽いサイトやスマホ対応にするにはCSS3をドンドコ使えるようになるのが近道でしょう。

 

勉強ですね!

 

紹介サイト

http://ascii.jp/elem/000/000/9…

  関連記事

  • 「闇グーグル」は賢く使え
    こんなのがあったんだ… 逆利用すれば良いツールになりそうだね。 http://www3.nhk.or.jp/news/htm…
  • ボタン作りの手間を削減!CSSボタンデザインジェネレーターまとめ
    CSS3でのボタンジェネレーター。 かなり使います。 と言うのもボックスや文字にグラデーション当てたりとその他の用途でかなり使えます。     目次1 CSS3のサポートが進んだお ...
  • [CSS]コピペでOK、text-shadowを使ってテキストにさまざま なスタイルを与える全23種類のスタイルシートのまとめ
    Text Shadow Compilation http://coliss.com/articles/bui… こういうコピペものは助かります。 IE対策には遠い存在なのかもしれませんが… ...
  • ハードディスクはどこのメーカー製が一番壊れにくいのかが2 万5000台の調査結果でついに明らかに
    こりゃいい指標になる! 壊れにくいのは嬉しいことです。 SSDは速くて凄いけど突然死が本当に怖い… 思い出したくもありません… http://gigazine.net/news/20140… ...
  • ウォーキングしながら携帯を充電。歩いた分だけ「発電」することができる靴(動画あり)
    これ売れると思います。 汎用性があれば尚更ですね。 バックとかに付けてできないかなぁ。 iPhoneから送信 ドクター中松先生の「アレ」を彷彿させるいでたち… アメリカの名門、ライス大学の ...
  • 知っておくと効率的!コーポレートサイト制作が捗るjQueryプラグインや使い方まとめ
    タイミングをずらせるjQueryスライダー。 かなり使いたい! http://commte.net/blog/archive…
  • iPhone 6、リーク情報の確度は?
    iPhone6、9月に予定らしい。 と言うより出て欲しい! 私、10月で2年だから頃合いです。 遅れても10月でお願い! http://toyokeizai.net/articles…
  • f:id:haiji505:20140408140403p:plain:w300:right
    noteの面白い使い方をまとめてみた。(投げ銭、ファンクラブ型など)
    こんなのがあったんだ… やらないよりやった方がイイ。 なんか考えてやってみよう。 アイデア勝負だ。 http://haiji505.hatenablog.com…
  • f:id:Tokiyo:20121127231230p:image:w360
    2012-11-27|DreamWeaverの立ち上げ方
    2012-11-27
  • Webデザイナー向け!Web制作に便利なおすすめMacアプリ18個
    http://creive.me/archives/3744… 意外に情報が無かったので助かります。 チェック!   【追記】 早速使用してみましたが、それなりに使えます。 思い ...