goroyungのブックマーク - はてなブックマーク

ドラッグ操作がIE6からiPhone/Androidまで軽快に動くJavaScript「Dragdealer JS」が良さそうな件 | Web活メモ帳
ドラッグ操作がIE6からiPhone/Androidまで軽快に動くJavaScript「Dragdealer JS」が良さそうな件「Dragdealer JS」はIE6からiPhoneやAndroidでも軽快にドラッグできるJavaScriptですよ。クロスブラウザ対応するスクリプトは覚えておいてもよいですよね。スライダー ↑横スライダーの位置によってフォントサイズを変更するサンプルスクロールバー ↑赤い部分をドラッグする事でコンテンツをスクロールさせてます。画像スクロール ↑画像をドラッグするサンプル。範囲外にドラッグすると反発するように戻るようになります。これらが全てクロスブラウザで動作するので、ドラッグするインターフェースを作る際に良さそうです。デモ&ダウンロードは下のリンクから確認ください。
goroyung 2012/01/11
javascript
リンク
iOS/Androidで動作するHTML5のゲームフレームワーク「LimeJS」 | Web活メモ帳
従来はブラウザゲームと言えばFlashが主流でしたが、iPhoneやiPadの登場でプラグインを使用しない作り方が求められてきています。その中で今一番注目を集めているのはやはりHTML5では無いでしょうか。 LimeJSの目標はユーザーがFlashで出来ているのかHTML5で作られたのかを意識しないような操作性を求めているとの事です。実際にデモを体験してみるとわかるのですが、かなり直感的に操作できるようになっています。動作ブラウザはHTML5が動作するものとの事で、 Chrome、Safari、Firefox、Operaで動作するようになっています。もちろん、iPhone、iPadやAndroidでも動作します。 IEだけはまだサポートされていないようですね。ソースコードはGithubから自由にダウンロードできるようになっていますが、セットアップにはpythonが必要なようです
goroyung 2011/02/07
HTML5

html

Android

ipad

flash

game

iphone

library

framework

html5
リンク
主要ブラウザでvideoタグを有効にしてくれるJavaScript「html5media」 | Web活メモ帳
html5の<video>タグを使用すると簡単に動画を埋め込めるようになりますが、対応していないブラウザが多いのも事実です。今回ご紹介する「html5media」はvideoタグを有効にする事ができるJavaScriptです。 videoタグを使用する事でFlashなどのプラグインが必要なくなり、設置も簡単にできるようになります。詳しくは以下次のコードを貼付けるだけでvideoタグが有効になります。 <script src="http://ajax.google apis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://html5media.googlecode.com/svn/trunk/src/jquery.html5media.min.js"></script> 後はhtmlに簡単なタ
goroyung 2010/03/02
リンク
1