CSS Nite in OSAKA, Vol.30でプレゼンしたスライド。 getUserMedia()やBatteryStatus API, Chrome実装のSpeech Input APIやバイブレーションなど、先行実装をまとめてライブデモ。
![完全負け組なモバイルWebが、これから復活する(多分)](https://cdn-ak-scissors.b.st-hatena.com/image/square/c42a31d4bd15bdb5e1c7f9a404389253e345ec38/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fhtml558-150615090256-lva1-app6892-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
Meet your shoppers and buyers anywhere with our trusted headless commerce solution. Use headless APIs and connected customer data. With Commerce Cloud’s trusted headless commerce platform, B2C and B2B businesses can meet customers anywhere. Headless APIs can weave commerce into any touchpoint, from social media to in-store kiosks to B2B buyer portals, and give you the power to take full control ov
I am having strange behaviour on my Android emulator. window.open() always returns undefined when called from setTimeout or callback function e.g. AJAX callback. However window.open() successfully opens a popup when called from an event handler e.g. onclick here is sample code: <html> <head> </head> <body> <script type="text/javascript"> function fnc() { setTimeout(function() { alert(window.open('
さて、Adobe Edgeツール&サービスが発表されましたね。リモートデバッグではAdobe ShadowがEdge Inspectに名をかえて正式にリリースされたようです。まぁ特に変わったことはないんですけど、ダウンロードするのに、Adobeのアカウントが必要になったとかでちょいめんどくさくなりました。Shadowの使い方はこことか参照するとよい。 ここではあえて、時代の流れを読まずにChrome for Androidでリモートデバッグに挑戦したいと思います。ChromeはAndroid4.0以降対応なんですね、必死こいて2.3の端末機にインスコしようとググってました。あと、4.1からデフォルトのブラウザーになるとかで今後のメインストリーム確実な感じです。 Remote Debugging - Google Chrome Mobile — Google Developers 各種インス
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
Ratchet: Prototype iPhone apps with simple HTML, CSS and JS components.Getting started Once you've downloaded Ratchet, here's what to do next. 1. Create your pages Use these docs as a reference for all the available components and piece together the pages of your app. Customize the style too - make the prototype all your own. 2. Connect pages with push.js Read about push.js then start connecting y
この問題に数日かかったので……なんか悔しくて……orzスマートフォン用のサイト作っていく際に、同一の画面上で左右のスワイプ検知とaタグによるリンク、上下のスクロールをやらなければならなくなってしまった。 とりあえず、スマートフォンのタッチを検知するイベントである touchstart,touchmove,touchend にスワイプの検知するコードを書いていった。 なんどか試していくうちにスワイプを検知することには、成功した。 だが、aタグによるリンクがあるため、各イベントで、event.preventDefault() でデフォルトのイベントを停止させていなかった。iPhone4SやAndroid 2.xなどで試して特に問題もなかったので安心しきっていたら、Android 4.0 で正常な動作をしない。具体的にいうと、スワイプにつられて動く画面が、スワイプを終えても動きっぱなしになってい
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか?</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
回線状況を取得します。 上段はonline, offlineのイベントを取得時に変更します。 下段は250ms毎に回線状況を取得して書き出します。 Android 2.2, 2.3では設定の「機内モード」変更時のみイベント、statusが変化。 (OSの回線状況とは連動しない) iOS4, 5, Android4はどちらも正確に取れる window.addEventListener('online', function() { line_event.innerHTML = 'online'; }, false); window.addEventListener('offline', function() { line_event.innerHTML = 'offline'; }, false); setInterval(function () { line_status.innerHTML
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く