WEB

「JavaScript」 ジャイロセンサーでボールをコロコロ

javascriptでスマートフォンの傾きの数値を取れるらしいです。jsdo.itというサイトで、こちらの作品を見ていたのですが、 jsdo.it スマートフォンを傾けると、傾けた方向にキャラクターが転がるんですね。へえー、こんなことできるんだ、と思いまして、僕も…

「だからなんだよ」 Canvas アニメーションで「怒り」を表現

WEB

アニメーションっていうか、蒸気が動くだけなんですが、怒っている人を作ってみました。だからなんだよって思われるかもしれないけど.....。 (画像をクリックすると、デモページに飛びます。)

簡単「HTML + CSS」入門 〜要素と要素を横並びに表示させる〜

Webページを作る時に、ある記事のブロックとサイドバーのようなリストを横並びに表示したいなあ、と思ったのですが、けっこう、どうするんだろうと悩んでしまいました。記事のブロックとサイドバーはそれぞれ、divタグで囲っていました。divタグで囲った要素…

「猫ふうせん」をちょっとゲームっぽく

WEB

以前にenchant.jsで猫にふうせんをくくりつけ、飛ばすだけのものを作ったのですが、オープニング画面とエンディング画面を追加して、ゲームっぽくしました。 デモ 画像をクリックするとデモページに飛びます。

画像の回転 簡単に実装できるtranslate.js

画像をクリックしてくるっと回って画像を切り替えるアニメーションをwebページで作りたい場合、translate.jsというjqueryが、とっても便利です。cssで同じようなことができるようなのですが、画像の位置をcssで変えた場合、うまくいかなくなって僕には難しく…

BitBalloonで静的コンテンツを配信 すごいね

WEB

htmlとjsとcssだけのwebサイトを配信できるホスティングサービスがないか探していたところ、BitBalloonというものがあったので、さっそく使ってみました。最初に表示したいhtmlファイルの名前をindex.htmlにして、全てのファイルを一つのフォルダに入れて、z…