スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪
By Nukamari PCで閲覧できるサイトの中には、スマートフォン向けサイトを別に作成しているものがあります。ユーザーエクスペリエンスを向上するために作られたはずのスマートフォン用サイトの中には、不便な要素を含んでいるものが多く存在しているようで、Umer Mansoorさんが「スマートフォン向けに最適化されたはずのサイトが犯した7つの大罪」として、スマートフォン用サイトの悪い例を公開しています。 7 Deadly Sins of Mobile Websites | 10K-LOC http://10kloc.wordpress.com/2013/12/26/7-deadly-sins-of-mobile-websites/ ◆01：ロード時間が長すぎる ロード時間はサイトを成功させるために重要な要素の1つ。サイトに多くの高画質画像やJavascriptを含んでいると、ロード時間が極端
HTML5 開発者向け！「ブラウザ仕様確認ツール」をリリースしました。 - NTTドコモ開発者情報Blog
本日2回目のブログ更新となります！ 本日1回目のブログでもお伝えしていていましたが いよいよ開発者の皆様に向けた新規企画の発表です！ （タイトルでバレバレですが^^;） 本日、HTML5 開発者に向けた （スマートフォン）搭載ブラウザの仕様を確認するツール ※PCブラウザでも確認できます。 ブラウザ仕様確認ツールをリリースしました！！ URLはこちらです！↓ http://spec.nttdocomo.co.jp/spbss/ 上記のURLにブラウザでアクセスすると W3Cのカテゴリに基づいたHTML5の仕様を 搭載ブラウザで利用できるか判定をして OK or NGで結果を返します！ TOP画面はこんな感じで UAの情報を確認できるようにしています！ 今回は、判定項目数を約2600個用意しました！ あれこれ精査していくうちに開発者の皆様により多くの項目を見
アプリで朝まで無料通話、メールは「使わない」――女子高生が語る、今どきの“スマホ事情”
アプリで朝まで無料通話、メールは「使わない」――女子高生が語る、今どきの“スマホ事情”（1/2 ページ） 「プリクラ帳は作らなくなりました」「デコメも使わなくなりました」――。 友達と撮ったプリクラを交換し合い、絵文字たっぷりのメールを延々と交わす――そんな“女子高生像”はもう古いのかもしれない。サイバーエージェントが自社サービスユーザーを対象に行った座談会と調査から、今どきの女子高生のスマートフォン事情が見えてきた。 調査は、利用者の95％が女性で13～19歳が過半数を占めるという“ホムペ”（個人サイト）作成アプリ「Candy」上で実施。また7月にはCandyユーザーの女子高生を対象に、座談会形式のヒアリングを開催。アドレス交換の方法やスマートフォン上でのお金の使い方など、5人の現役女子高生の口から率直なスマートフォン事情が語られた。 スマホにしてから「メールを使わなくなった」 座談会に
なめこぱらだいす なめこ公式サイト
なめこはスマホアプリ『なめこ栽培キット』シリーズで人気となったキャラクターです。『なめこ栽培キット』シリーズは年齢性別を問わずお楽しみいただけます。
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！ 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
![[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
yebo blog: モバイル決済サービス「カードケース」は面白い
2011/11/16 モバイル決済サービス「カードケース」は面白い Squareという会社のモバイル決済サービス「カードケース」が注目されているそうだ。日本でのモバイル決済は、ほぼFelicaを用いた電子マネーが中心だが、「カードケース」は非常にユニークだ。スマートフォンを操作したり読み取り装置にかざしたりする必要が無い。レジで名前を名乗るだけで支払いが済んでしまうのだ。その仕組みはこうだ。利用者は、スマートフォンにカードケースのアプリをインストールする[itunes (USのみ)]。そして、カードケースで支払いができるお店ではレジで名前を告げる。レジ係はiPadで店舗用のアプリを使い、名前と顔写真を確認。これで支払いが完了する。レシートはスマートフォンに送られてくる。カードケースのアプリ(iPhoneとAndroid用がある)はジオフェンシング (Geo-fence)技術を使っており、ア
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ
iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。 先日公開されたiOS5では今まで「なんで使えないの？」といったところが少し修正されて、
jQuery Mobileでサクッと作るスマートフォン向けWebアプリの基本 ─ ＠IT
大日本印刷 森川 裕美 2011/9/29 jQueryMobileを使って、スマートフォン向けのWebアプリケーションを手軽に作成する方法をおばかアプリを例に紹介します おばかアプリの開発にjQuery Mobileを使ってみました 先月8月20日に開催されました「第5回おばかアプリ選手権（見よ！ コレジャナーイアプリの数々を！）」にて、jQuery MobileとHTML5の要素を使用した、iPhoneのMobile Safariで動作するミニアプリiBooNを紹介させていただきました。本記事では、jQueryMobileを使って、お手軽にスマートフォン向けのWebアプリケーションを作成する方法をiBooNを例に紹介します。 iBooNは、iPhoneの傾きに応じて車の音が変わるミニアプリです。まず、Color Select画面から好きな色の車を選びます。ミニカーの画像が表示された画面
weinre - Home
Home - Test Drive - Installing - Running - Multi-User - Security - Building - ChangeLog - License ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ weinre is Web Inspector Remote. Pronounced like the word "winery". Or maybe like the word "weiner". Who knows, really. It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, a
Scrollability
Native scrolling for mobile web apps... or at least the closest thing to it! Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away. Scrollability is a work-in-progress and is not yet ready to be used. I will publish documentation when it's ready. Demos (Requires iOS, works best on iPh
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
iPhoneの神アプリ言うからメモしとけ カナ速
1 以下、名無しにかわりましてVIPがお送りします :2010/12/05(日) 02:40:47.01 ID:0YvMQjNG0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
本日公開の「PlayStation Mobile」をSCEJ桐田富和SVPが語る 「ゲームやろうぜ！」のDNAが流れる新モバイルプラットフォーム
Loading
モバイルブラウザ上で使えるHTML5/CSS3の機能表 (html5j.org | Googleグループ)
mdlab.jp
サービス終了のお知らせ
はたらきろく