html5

Posted: 7月 27th, 2011 | Author: yoheim | Filed under: HTML5 | No Comments »

んー。
canvas の勉強でアナログ時計を作ろう！的な
のをやってましたが、
画像をcanvasにdrawImageするときの座標がよく分かんないっす。
なぜ-160??
明日、コード忍者に聞いてみようと思います。

http://www.everpine.info/iPhoneApp/02/

css3

Posted: 7月 22nd, 2011 | Author: yoheim | Filed under: HTML5 | No Comments »

css3 をいじってます。
そんな中、少しはまって分かったことがありました。

css3 でアニメーションして、complete をトリガしたいとき
css3 のイベントハンドラ[-webkit-animation] の時は「’webkitAnimationEnd’」でトリガするようです。

あと、hoverの時に色を変えたりするとき-webkit-gradient を使ってると上手くいかないようです。
単色なら普通にうまくいきました。

以上ひとまずメモ。

あと
node.js をインストールして”Hello world” だけしてみました。
少し前からなにかと話題だったので勉強していこうと思います。

これからnode.jsを始める人のためのインストール系エントリまとめ
参考になりました。

今日は、気候の変化についていけてないので、頭を休めたいと思います。
明日は充実させたいです。
金曜のこの時間に家なんて….。

HTML5 CSS3

Posted: 7月 21st, 2011 | Author: yoheim | Filed under: HTML5 | No Comments »

HTML5 CSS3
での時計です。

アニメーションは-webkit でやっているので
chromeとかで観てください。

iPhoneのが綺麗にでます。

http://www.everpine.info/iPhoneApp/01/

眠くなってきましたが、oF周りを少しやってから寝ます。
今、oF 100 本サンプルをやってます。
現在 20 番目とかです。

いいです。

HTML5

Posted: 6月 6th, 2011 | Author: yoheim | Filed under: HTML5 | No Comments »

最近、HTML5を勉強しています。
iPhoneアプリはHTML5 / CSS3 で androidはFlashで。みたいに思ってます。
JAVAやObj-C も基礎本はやりましたが、他に汎用性がないなーという思いもあって最近割り切るようにしました。

そこで、ちょうど、今月の「日経ソフトウェア」がHTML5特集でしたので参考にしてます。
http://www.everpine.info/apps/html5_01/
スマートフォンで見ないと変な感じです。

今、ポートフォリオサイトもiPhone対応用に切り分けまではしてあるのですが、中身をまだ作ってないです。
なので、iOS系でアクセスすると「Under constraction」と表示されます。
iOSの切り分けにはjQuery のプラグインを使用しました。
【参考サイト】
http://e2designer.seesaa.net/article/153579593.html

HYPEを使って作ってみようと思ってます。
こないだ、HYPEをテストしてみました。
http://www.everpine.info/html5/
テストなので、全然ページもないです。
ただただ、「おぉ。動いた」と感動しただけです。

HYPE 凄い。

Posted: 5月 22nd, 2011 | Author: yoheim | Filed under: HTML5 | No Comments »

HTML5 のアニメーションツール「HYPE」をインストールしてみました。
まだ、少ししかいじっていませんが、Flashを日常的に使っていたりする方だったらすぐに使い方は分かると思います。
どれくらいのことが出来るのかもまだ分かりませんが、簡単なサイトなら全然問題なさそうです。

早速、自分のポートフォリオサイトを作り直してみたいと思ってます。

googleMAP geolocation_HTML5

Posted: 5月 19th, 2011 | Author: yoheim | Filed under: HTML5 | No Comments »

やりたかったことは、
HTML5のgeolocationからそのページを見てる人の位置を拾って
それをgooglemapを組み込んだflashへ投げて表示してごにょごにょ。

でも、ExternalInterfaceまわりでうまくいかず、とりあえずはjsでやって表示まで
してみました。

んー。全部jsで作ってしまおうかと検討中。
動きもやろうと思えばjqueryとかでできそうかなー。

http://everpine.info/geo003/