[B! JavaScript][css3] teddy-gのブックマーク

teddy-g id:teddy-g

JavaScriptとcss3に関するteddy-gのブックマーク (3)

Epoch by Fastly
Epoch A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations. Download v0.5.2 Built for Developers Built with developers in mind, making it easy to extend and adapt charts to your particular domain.
teddy-g 2015/04/20
これでリアルタイムグラフのデモを作ってみたが便利だった。暫くこれでやってみるか。

javascript

graph

jquery.js

html5

css3
リンク
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
teddy-g 2015/04/17
CSS3とHTML5でジャイロデータに合わせて立体が動く

html5

javascript

jquery.js

css3
リンク
CSS3で立体を作る - bata's log
CSS3のtransf ormをひと通りやりたかったので作ってみた。表示例文章でかなり説明しづらいので、最初に動いているものを… 止まっているとよくわからないので回してみました。立体を表示する画面に設定するプロパティ perspective 奥行きを設定するプロパティです。数値が小さいほど奥行きが大きくなります。 perspective-origin 視点を設定します。前の値が縦軸、後ろの値が横軸です。 50％に設定すると正面から見た視点になります。立体の親要素に設定するプロパティ transf orm-style 要素の子要素が3D空間に配置されるかどうかを設定します。初期値がflatなので3Dにする場合は設定が必要です。立体の子要素に設定するプロパティ実際にtransf ormを使って変形させる為のプロパティです。 transf orm: translateZ(); 3D空間
teddy-g 2015/04/17
CSS3だけで立体を動かせるんだ…

html5

css

css3

javascript

jquery.js
リンク
1