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

テクノロジーカテゴリーの変更を依頼記事元:

ascii.jp

78 usersがブックマークコメント

コメント

4

記事へのコメント4件

注目コメント
新着コメント

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

2014/06/26 リンク

kkeisuke CSS Keyframes

2014/06/25 リンク

inulab これモーショングラフィックじゃ

2014/06/25 リンク

TakamoriTarou Flashが無くなってもこう言うサイトがなくならないとうざいページは減らない。

web
ねた

2014/06/25 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

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

デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポ... デザインとテクノロジーをもとにブランディングやWebサイト制作などを手がける、米国のエージェントのポートフォリオサイト。気持ちよく回転する円グラフシンプルなフラットデザインを採用した「Knormal」のポートフォリオサイト。このサイトでは、3枚の画像からなる円グラフを重ね合わせ、CSSアニメーションによって回転させている。インフォグラフィックとしてはごく単純なものだが、スムーズに気持ちよく動くアニメーションと独特の配色がサイトの個性を表していて、おもしろさがある。今回は、Knormalのインフォグラフィックをヒントに、グラフの基本的な構造から、CSS3を使った動かし方、JavaScriptやSVGと組み合わせた発展的なグラフの作り方までを解説する。 STEP 1：グラフの構造を考える最初に、円グラフの構造から考えてみよう。立体的に見える円グラフは、3つのレイヤーからなる。色や形状の

ブックマークしたユーザー

miukro2015/06/16
renkon_ren2014/07/01
ajinorichan2014/07/01
shibushibu_oyaji2014/06/30
dafi2014/06/30
sadahiro_burbon2014/06/28
ippan_people2014/06/28
cblock2014/06/27
deepblue_will2014/06/26
kuroaka18712014/06/26
shoji19772014/06/26
kana3212014/06/26
fushimik2014/06/26
beth3212014/06/26
moonblogger2014/06/26
delimiter2014/06/26
asakama2014/06/26
kiti-net2014/06/26

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx