[B! JavaScript][mobile] sinmetalのブックマーク

[js] スマートフォンのAjax フォーム送信時にキーボードを消す

Goボタンを押した時のイベントは submit もしくは event.keyCodeのcode=13 で取れますが、テキストフィールドやテキストエリアに入力後、スマホのキーボードでGoボタンを押した時、onsubmitをキャンセルしていたりするとキーボードが隠れないので、キーボードが表示された要素からblur()でフォーカスを外す必要があります。フォーム内に送信ボタンがあるならボタンにフォーカス移すのが手っ取り早い。

sinmetal 2013/06/24

リンク

★はじめに | Search | Google Developers

フィードバックを送信コレクションでコンテンツを整理必要に応じて、コンテンツの保存と分類を行います。モバイルサイトとモバイルファーストインデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォンエージェントでクロールしたモバイル版のサイトコンテンツを優先的に使用します。これをモバイルファーストインデックスと呼びます。モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファーストインデックスにもあてはまります。ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。モバイルフレンドリーなサイトを

sinmetal 2013/03/27

リンク

スマートフォン対応でよく使うhtml、css、javascriptのまとめ

スマートフォン(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

sinmetal 2013/02/18

リンク

Top 9 UI Component Libraries for Rapid Prototyping

MUI (formerly Material-UI) Overview Welcome to MUI, one of the heavyweights in the React UI component libraries arena. The library, known previously as Material-UI, was born out of Google’s Material Design philosophy. It aims to provide a polished, sophisticated, and accessible suite of components, straight out of the box. Features MUI packs a whole load of features in its toolkit. You get pre-des

sinmetal 2013/01/22

マルチプラットフォームアプリを作るためのモバイルフレームワーク26選

リンク

SSSSLIDE

sinmetal 2012/11/08

リンク

HTML5モバイルWebフレームワークの比較 - きしだのHatena

モバイル用でJavaScriptでアプリケーションを作成できるフレームワークについて比較した記事を翻訳しました。 Comparing HTML5 Mobile Web Framework - Dzyngiri Comparing HTML5 Mobile Web Framework Apr 27, 2012 by Dzyngiri 今年はモバイルWebにとって面白い年になっている。HTML5とCSS3の採択、モバイルブラウザのパフォーマンス向上、モバイルアプリケーションフレームワークの爆発は、モバイルデバイスでのリッチでインタラクティブなWeb体験の作成がこれまでよりも現実的になったことを意味する。PhoneGapのようなラッパを使うことで、iPhoneやiPad、AndroidのネイティブのAppストアでアプリケーションを配布することも可能になった。単一のコードベースでマルチプラットフォ

sinmetal 2012/05/21

リンク

ついに Android に対応！Titanium Mobile で手軽にゲーム作り♪ - Android でいろいろやるよ！

Android, iOS, JavaScript, TitaniumAndroid ユーザの皆様、お待たせしました！Titanium Mobile で動くゲームエンジンモジュール QuickTiGame2d が、Android でも動くようになりました！これで、スマートフォン向けのゲームを JavaScript 一本で書くことができるようになりますね！ http://code.google.com/p/quicktigame2d/ Titanium Mobile SDK 1.8.0.1 以上が必要です今回のバージョンから、Titanium Mobile SDK が 1.8.0.1 以上が必要になります。Android のモジュールのインターフェースが 1.8.0.1 で結構変わったみたいで、新しい API に対応するように作ったのでたぶん昔のバージョンでは動かないと思います。 Andro

sinmetal 2012/05/16

リンク

JavaScript : HTTP通信（XHRのスマホ対応） : typeOf 'aki_mana'

AJAXライブラリてのは、たくさんあるのだけど、肝心のHTTP通信を行うコードって非同期専用のコードが多い。で、ごにょごにょやってた頃のライブラリを掘り起こしたので、メモ。さらに、ごにょごにょやって、「通信途絶がデフォのスマートフォンでも安全にXMLHttpRequestを使うためのライブラリ」に仕上がりました（2011-11-29）。 // HttpTransporter.js //  // Lisence : MIT // Copyright (C) 2011 Akitoshi Manabe <akitoshi_dot_manabe_at_gmail_dot_com> var Http

sinmetal 2012/05/14

リンク

[JS]余分なHTMLは加えずに、セマンティックに実装するスマートフォン用のナビゲーション

デスクトップ時はアイテムが水平に並び、スマートフォン時は省スペースのドロップダウン型に変わるナビゲーションを実装するチュートリアルを紹介します。デモページ：幅480pxで表示実装 HTML HTMLは非常にシンプルで、リスト要素を使いnav要素で内包するだけです。 <nav id="nav-wrap"> <ul id="nav"> <li><a href="#">Button</a></li> <li><a href="#">Button</a></li> </ul> </nav> JavaScript スクリプトではスマートフォン用にdiv要素で「Menu」を加え、それがクリックされるとアニメーションでスライドします。 <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.7

sinmetal 2012/04/06

リンク

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ  を&emsp;に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition: