Go on Mobile
Go on Mobile GopherCon 2015 Hana Kim Google Video A video of this talk was recorded at GopherCon in Denver. Watch the talk on YouTube 2 Caution The Go Mobile project is experimental. Use this at your own risk. While we are working hard to improve it, neither Google nor the Go team can provide end-user support. 3 Background Mobile support was frequently requested Some users built their own Go binar
“My Biggest WatchKit Mistake”
To celebrate the arrival of the Apple Watch, we asked a few of our friends to share the most useful thing they learned building for Apple’s new platform. You can read part 2 here. My biggest mistake was thinking that you could open your iOS app by sending a message from the Watch. WatchKit has an API for sending a quick message to your iOS app, which triggers necessary background processes; just c
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
Responsive imagesのための-webkit-image-set() - fragmentary
AppleがWebKitに-webkit-image-set()なるものを実装した。 Changeset 111637 – WebKit ― Implement image-set Bug 80322 – Implement image-set なにかというと、Retina displayやらPCとデバイスピクセル比が違うディスプレイに対して、違う画像を出し分ける、いわゆるResponsive imagesと呼ばれてるやつのための仕組み。 こんな感じで書くらしい。 selector { background: -webkit-image-set( url(foo-lowres.png) 1x, url(foo-highres.png) 2x ) center; image-set()内には複数の"imagespec"というものが入る。imagespecは<image>（画像、グラデーション
chromeで携帯用サイトを確認できる拡張機能「FireMobileSimulator」 | nori510.com
SH906i Photo by sekido どーも、のりごとうです。 PCのwebブラウザー「Chrome」で携帯用サイトのチェックがしたい時。 3キャリアの絵文字も表示できるFirefoxのアドオン「FireMobileSimulator」のchorme版「FireMobileSimulator for Google Chrome」というextensionを使えば簡単にチェックできます。 【chrome extension】携帯用サイトシュミレーター 「FireMobileSimulator」 携帯端末・スマートフォンの動作をシミュレートする拡張機能で、 日本の主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレート出来て、携帯端末のHTTPリクエスト、絵文字表示などの動作をシミュレートすることができます。 ↓インストールはコチラ FireMobileSi
スマートフォン向けWebサイトの表示速度 高速化手法
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS／デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス／OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4＋iOS 5」を想定して話を進めます。実際に「iPhone 4＋iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
jQueryを使ってスマートフォン用のイベントを扱ってみた - SUSH-i LOG
スマートフォン用のサイトを作る場合は、jQuery Mobileやら、jQTouchやら、Sencha Touchやら色々ありますが、ちょっとそこまで必要ないときに、スマートフォン特有のイベントをjQueryを使って扱えないか触ってみました。 スマホ特有のイベント スマホ特有のイベントは幾つかありますが、今回は特に使われるであろうタッチ、スライド、ピンチイン、ピンチアウトに重点を置いて調べてみました。 上記操作に必要なイベントは以下の通りです。 touchstart touchmove touchend touchcancel gesturestart gesturechange gestureend 「touch***」というイベントが画面に指でタッチした、している時のイベント、「gesture***」というイベントが「二本指以上」の操作（ピンチイン、ピンチアウト、回転等）を行っている時
iSpeech SDK for Androidを試してみた
iSpeechのSDKがmobileプラットフォーム向けに提供されたという事で、さっそくAndroidにて試してみました。 まず、以下URLからSDKをダウンロードして、iSpeechDemoというデモアプリで試してみます http://www.ispeech.org/developers/android Text to Soeech[TTS]というボタンを押して、文字を入力した後に[Speak]というボタンを押せば、入力した文字をしゃべってくれます ※ネットワークに接続した状態でないと動作しない事に注意！ この時点では、英語しかダメなので、日本語を話すようにデモアプリを修正する SpeakActivityにある、 SpeechSynthesisインスタンスのsetVoiceTypeで音声のタイプを指定する 日本語は「jpjapanesemale」「jpjapanesefemale」の２種
Mobile Boilerplate: A best practice baseline for your mobile web app
★ Analytics, icons, and moreA lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and several mobile-focused tools and helpers. ★ Normalize.css and helpersIncludes Normalize.css v3 — a modern, HTML5-ready alternative to CSS resets — and further base styles, utilities, and media queries.
Galaxy NexusをWindowsXPに接続する為のドライバをインストールする - Buvons du vin!：楽天ブログ
2012.03.04 Galaxy NexusをWindowsXPに接続する為のドライバをインストールする カテゴリ：カテゴリ未分類 入手したGalaxy Nexus（SC-04d）ですが、WindowsXPパソコンに接続しても認識されず、ドライバのインストールを要求されます。 必要なドライバは、「SAMSUNG USB Briver for mobile phones」になります。 Windows７では、自動的にインストールされますが、XPの場合はドライバが必要です。 そこで簡単なドライバーのインストール方法を紹介します。 １．サムスンのドライバダウンロードページ ←をクリック ２．KIES2.0とデザリング機能のUSB DRIVER をクリックしてダウンロードします ３．ダウンロードフォルダーにKIES2.0とSAMSUNG USB Briver for mobile phonesがダ
todya-only.net
Bing Mapsの基礎〜応用 某GのmapのAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps API、JavaScript、CSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data API、JavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop（タイプのドット絵を作成） 詳しく見る
Touch table
Last major update on 29 January 2014. I used this test page. See also the full list of mobile JavaScript events. Back to the mobile homepage. On this page I present the results of my touch action research. I concentrated on the few basic actions that users will want to take: clicking on a link, scrolling, zooming, as well as sliding their fingers more-or-less aimlessly. Action Something the user d
Touch/Gestureイベントの勘所 - Playground of ours
iPhone/iPad向けのWebアプリでタッチでの操作を扱う際のメモ。 ユーザによるズームは無効にしておいた方が良さそう。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 【追記】 contentの区切りは","が正です Touch Touchイベントは touchstart :スクリーンに指が触れた touchmove :スクリーン上で指が動いてる最中 touchend :指がスクリーンから離れた touchcancel :システムがタッチイベントをキャンセルした場合? の4種類です。 注意しないといけないのは、例えばタッチした場所の座標を表示しようとしたとき target.addEventListener('tou
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FT Scroller | FT Labs
http://www.mobiledesignpatterngallery.com/index.php
Redirecting to http://chiuki.github.com/mobile-caching-strategies/
Mobile HTML5
_level0 | Kayac Interactive Designer's Blog
ASCII.jp：西畑一馬のjQuery Mobileデザイン入門
