ネイティブアプリに近い動作のサイドメニューWeb実装「Slideout.js」:phpspot開発日誌
Slideout.js - A touch slideout navigation menu for your mobile web apps. ネイティブアプリに近い動作のサイドメニューWeb実装「Slideout.js」。 ネイティブに近い実装をするのはなかなか難しいですが、比較的いい感じの挙動のサイドメニュー実装がJSのみで実現できます。 関連エントリ シンプルなサイドメニュー実装jQueryプラグイン「Panel slider」 開閉するサイドメニューの実装ができるjQueryプラグイン「tendina」 シンプルデザインなページサイドをメニューにできる「Simple Sidebar」
Google Tests Desktop-to-Mobile Retargeting With Brand Data
Google is pitching advertisers on a new kind of ad targeting that aims to improve on the ubiquitous tracking cookie. The technology allows advertisers to target people who've visited their web sites with ads on tablets and smartphones, according to agency execs who've been briefed. Google sent documents to a number of agencies to brief them on a beta test of the program within the past two weeks.
モバイルサイトのナビゲーションメニューは画面下に置くべき
2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト！ よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが本当に使いやすい
ドコモ 複数台契約でプラスXi割で、ネットをする場合の契約の注意点など: お得携帯と節約生活
ドコモで２台持ちをすると１台よりも安くなります。 １台目（通話メイン）パケットを使用しないために、３G通信を切ってWi-FI接続でのみ使用 FOMA バリューSS ひとりでも割５０、ファミ割５０ ９８０円（無料通話１０５０円つき） iモードまたはSPモード ３１５円 パケホーダイダブル ３９０円～ ユニバーサルサービス料 ３円 ９８０ ３１５ ３９０ ３ －－－－－ １６８８ ２台目（Xiのスマートフォンで、一括の価格が安く、なおかつ月々サポートが３０００円以上など高額の端末で契約） Xiデータプラン フラットにねんで契約 プラスXi割適用 ３９８０円 SPモード ３１５円 月々サポート 機種ごとに異なります －3XXX円 ユニバーサルサービス料 ３円 仮に月々サポート３０００円として ３９８０ ３１５ ３ －３０００ －－－－－－ １２９８ 維持費が、この場合は１２９８円です。 １
jQuery Mobileを使った国内スマホサイトまとめ (1/3)
jQuery Mobileの採用が国内でも進んでいる。jQuery Mobileは、iPhone/Android、WindowsPhoneやBlackBerryなど、主要なスマートフォンに対応したUIフレームワーク。HTMLに簡単な記述を追加するだけで、スマートフォンに最適化したサイトやWebアプリケーションを制作できる、注目のフレームワークだ。 昨年11月には、待望の「jQuery Mobile 1.0」正式版がリリースされ、実務でも本格的に利用しやすくなった。今後、ますます増えそうなjQuery Mobileを使ったスマートフォンサイトの事例をチェックしておこう。 ※商品紹介／キャンペーンサイトに、「太鼓の達人学園（太鼓の達人×AKB48キャンペーンサイト）」を追加しました。（2012年3月1日16時更新） ※ネットサービスに、「一休.com」「recbike」を追加しました。（201
パッケージがいろいろあってわからない！ docomoの3Gデータ回線を格安で使える日本通信のb-mobile SIMカードの選び方 - モバイル・トゥデイ(Mobile Today)
現在地：ホーム / ノマドワーカー / パッケージがいろいろあってわからない！ docomoの3Gデータ回線を格安で使える日本通信のb-mobile SIMカードの選び方 先日、イオンが月額980円でdocomoの携帯電話回線をメール、インターネット、SNSなどのデータ通信用途に限り使い放題となるSIMカードの販売を発表しました。通常docomoと契約すれば最低でも月額5,000円以上はかかる定額制データ通信がなぜ980円で済むのか？ そもそもSIMカードだけ買ってどうやってデータ通信をするのか？ といった疑問がありますよね。まずはその疑問にサクッとお答えしておきましょう。 今回の月額980円データ通信SIMカードを販売するのはイオンですが、その商品自体を製造・供給しているのは日本通信という仮想移動体サービス事業者（MVNO）です。日本通信はいわばdocomoの携帯電話回線を借り、又貸しの
私はいかにしてソフトバンク端末60機種のJavaScriptを検証したか - ockeghem's blog
昨日のソフトバンクの非公式JavaScript対応の調査結果 | 徳丸浩の日記で報告したように、昨年5月に、ソフトバンク60機種の検証を行い、JavaScript対応の状況などを調査しました。当時はまだ公式なJavaScript対応機種はない状態でしたが、既にほとんどの端末が *非公式に* JavaScriptに対応していました。 このエントリでは、検証の様子を報告します。 なぜJavaScript対応状況を調査したか http://www.hash-c.co.jp/info/20091124.htmlを公表した前後に、とある方（この方）から、ソフトバンクのケータイでもJavaScriptが動作すると伺いました（参考のやりとり）。XMLHttpRequestも含めてJavaScrptが動くと教えていただいた932SHを私も購入して調べたところ、以下が判明しました。 確かにJavaScrip
Mobile Safari の Label 要素挙動覚え書き
iPhone/iPad/iPod touch の Mobile Safari は、デフォルトでは label 要素をタップしても関連付けたフォームフィールドのフォーカスを代行しない。 つまり、<label for="checkbox1"> などと指定しても、label タップで checkbox1 の選択状態は変化しない。 これを fix するために、ページロード時などに予め各 label の click イベントハンドラへ何らかの function をバインドする（function がバインドされてさえいれば良いので、特に何か処理をする必要はない）。 この挙動は iOS だけでなく Android の標準ブラウザでも同様らしい。 コード例 こちらの検証ページを Mobile Safari で開くと、text2 の label 以外は fix されているはず。
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ | ke-tai.org
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 本家サイト（英語） [j
jQuery Mobile使用時によく使うマークアップで日本語サンプルを作ったので配布します
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
いまから始める、jQuery Mobileの基本 (1/4)
jQuery Mobileを利用すると、簡単なHTMLを用意するだけでスマートフォンサイトを作成できます。今回はシンプルな会社案内サイトを実際に作りながら、jQuery Mobileの基本的な使い方を学習しましょう。 以下のような会社案内サイトを作成します。 トップページのメニューをタップすると各ページへスライドして移動するシンプルなスマートフォンサイトです。まずはトップページ部分から作ってみましょう。 jQuery MobileとHTML5 jQuery MobileはHTML5のカスタムデータ属性でさまざまな設定を定義するので、jQuery Mobileを利用するWebページはHTML5で記述します。HTML5と聞くとハードルが高そうですが、最低限の約束ごとさえ守れば決して難しくありません。 次のようなHTMLを雛形として用意します。 <!DOCTYPE html> <html> <h
jQuery Mobileとは――スマホ時代の到来とWeb制作 (1/3)
「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対応したスマートフォンサイトを手軽に制作できます。 jQuery Mobileを使ったスマホサイト制作の基本から実践的なテクニックまで、ベストセラー「Web制作の現場で使う jQueryデザイン入門」（Web Professional Books）の著者・西畑一馬さんが解説します。（編集部） 「jQuery Mobile」は、モバイルWebアプリケーションやスマートフォンサイトの構築でいまもっとも注目されているフレームワークです。jQuery Mobileを使えば、iPhone/Androidをはじめ、さまざまなスマートフォンのブラウザーに対
モバイルにある３つの場所レイヤー
モバイルコンテキストの見分け方と注意点という記事で、モバイル機器とそれに触れる人間との間で生まれる文脈を、誰が使っているか・何を使っているか・何処にいるのかの３つに分けて解説しました。しかしこの３つは文脈を理解する上での始まりにか過ぎません。例えば何を使っているか（What）を想定するにしても、ハードウェア、OS、ソフトウェア、そして前回の記事でも指摘した回線速度など幾つかの考慮項目があります。今回は、何処にいるのか（Where）をもう少し深く掘り下げてみたいと思います。 「何処にいるか？」という質問を「電車にいる」「お店のショーウィンドウを見ている」といった場所・地名だけに限定できません。もう少し視野を広げて「何処」という意味を探ることで、モバイル利用者の像がより明確に浮かび上がる場合があります。ここでは「何処」を３つのレイヤーに分けてみました。 文化レイヤー 経済、社会構造、流行など、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Gestures: 40% of Sites Don’t Support Pinch or Tap Gestures for Product Images – Articles – Baymard Institute
コンビニの無線LANサービスを比較 - 登録から利用まで - Mobile Wire
http://ueblog.natural-wave.com/2012/02/28/foma-sim/
Mobile devices overtake computers on Wi-Fi networks – Old GigaOm
明日から本気出す : 980円/月でドコモパケット網使い放題のイオンSIM 全国260店舗で発売へ 音声通話対応プランも
TechCrunch
はてなブログ | 無料ブログを作成しよう
