デバイスを判定し、CSS/JavaScriptで簡単に利用できるようにするスクリプト -Device.js | コリス
ページにほんの一行外部ファイルを加えるだけで、iPhone, iPadなどのiOSをはじめ、Android, Blackberry, Windows Phone, Window Tabletなどスマフォやタブレット、デスクトップなどのデバイスを判定し、簡単に条件付きのCSSやJavaScriptを利用できるにするスクリプトを紹介します。 Device.js -GitHub Device.jsの使い方 Device.jsのデモ Device.jsの使い方 Device.jsの実装は、簡単です。 外部ファイルとして、当スクリプトを記述するだけです。 <script src="device.js"></script> スクリプトを設置すると、表示デバイスに基づいて<html>に適切なclassを付与します。 iPhoneでアクセスすると、こんな感じに。 <html class="ios ipho
Androidアプリをブラウザだけで作成可能、新しい開発ツールが続々
アシアルは、Webブラウザ上でAndroidアプリを作成できるサービス「Monaca」を2011年7月25日に開始した。米Appcelerator社は、LinuxやWindowsで動く開発ツールの新版をリリースし、アプリのバグ修正を容易にした。どちらも無償なので、まずは試してみよう。 JavaScriptを使って、Androidアプリケーションを手軽に開発できるツールが充実してきた。 アシアルは、Webブラウザ上でアプリケーションを作成できるサービス「Monaca（ベータ版）」を7月25日に開始した。Monacaは、ほとんどの機能を無償で提供する。7月18日には米Appcelerator社が、LinuxやWindowsで使える開発ツールの新版「Titanium Studio 1.0.2」をリリースした。新版では、アプリケーションのバグを容易に修正できるデバッグ機能を無償で提供するようになっ
HTML5時代の広告を考えた：HTML5でソーダ – Tender Surrender
ちょっと前になりますが、ThinkMobile2011というイベント向けに制作したHTML5製ソーダ缶のデモをご紹介します。 担当の方から、広告主向けにHTML5を使ったスマートフォン広告の新しい形を紹介したいので、何かアイディアはないかと依頼を受けました。技術的にHTML5の何かを使った広告を作ること自体は難しくないかもしれませんが、イベントのデモとして見せるということで、ある程度の派手さとHTML5ならではという部分のわかりやすさが要求されたため、アイディア出しそのものに最も時間を割きました。 コンセプト ネイティブアプリケーションにできてウェブアプリケーションにできないことはまだまだ多いですが、いかにネイティブアプリケーションに近づけるか、という部分がHTML5の醍醐味でもあります。逆にウェブアプリケーションのネイティブアプリケーションに対するアドバンテージに、インストール無しでさら
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank
ブックマークレットの使い方 一度作ってしまったら、あとはとても簡単です。 まず、ブックマークレットを使いたいと思ったページを開きましょう。開きましたか？ 開いたら、ブックマークレットをタップ！これでブックマークレットが機能します。 ブラウザに戻るとほら！ページが下までスクロールされています。 それでは以下に、便利なブックマークレットをどんどん紹介していきます。自由に活用下さい！（また、「このブックマークレットも追加すべきだ！というものがあれば@toshism0331までご連絡下さい！ アプリと連動するブックマークレット ＊iPhoneでコピーをする場合、テキストは右端よりも右にとび出してコピーできないという声を頂いております。その場合、次の行のテキストまでコピーして、最終行を削除するという方法でコピー下さい。（例えば、「読んでいるページをGoogle Readerに追加」のブックマークレッ
jQuery MobileでGoogleMap APIを使ったサンプルがMITライセンスで公開されてた - かちびと.net
なかなかいいサンプルだったのでシェア。 jQuery MobileでGoogleMap APIを使った サンプルがオープンソースで公開されて いました。ストリートビューなども表示する ことが可能です。興味の有る方はチェック してみては。 スマフォにGoogleMapを表示させるのに、Google Maps JavaScript API V3が必要みたいですが、これをスマフォ対応を簡略化するjQueryプラグイン、jQuery Mobileで使おう、というもの。 jquery-ui-map GoogleMap APIをjQuery Mobileで使ったサンプルです。jquery-ui-mapというプラグインも使用しています。このサンプルはMITライセンスでソースが公開されていますよ。 以下、デモのキャプチャです。 iPhone iPhoneでの実装状態です。 ランドスケープ時も自動で横幅をあ
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同エンジンで開発されたゲームは、iOS上では60フレーム/秒を実現するとされており、HTML5対応のウェブブラウザであればプラグインなどをインストールする必要なく実行できるという特徴を持つ。サイトには、効率の良い開発スタイルを説明するビデオやサンプルソースコードなどが公開されている。ライセンスは価格は99ドル。 エンジンを開発した独Dominic Szablewski氏は、HTML5に対応したモダンブラウザ上で高速に動作するゲーム「Biolab Disaster」を公開、その開発のために使用したエンジンを一般に提供すると告知していた。今回の正式リリースで、このゲームもアップグレード。公言通り、iOS上でも快適に動作するようになっている。 lMPACTは、HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]大量ページの本やマンガをiPad/iPhoneで表示できる -Diva.js