NTTドコモは5月15日、2013年夏モデルとなる新商品11機種を発表した。スマートフォン9機種、タブレット1機種、らくらくホン1機種のラインアップとなる。スマートフォンは全機種にクアッドコアCPUと、2000mAh以上の大容量バッテリを搭載。「Xi」は受信時最大100Mbpsと3つの周波数（2GHz、1.5GHz、800MHz帯）に対応する。5月17日より順次発売する予定。 同日開催された記者発表会で、NTTドコモ代表取締役社長の加藤薫氏がたびたび口にしたのが“ツートップ”という言葉だ。ドコモでは「GALAXY S4 SC-04E」（サムスン製）と「Xperia A SO-04E」（ソニーモバイルコミュニケーションズ製）を夏モデルのツートップと位置づけ、他の端末よりも積極的に顧客に訴求していくという。 GALAXY S4は、世界初のフルHD有機ELディスプレイを搭載したGALAXY Sシ

2. スマートフォンにおけるバグおよび問題まとめ ・共通 ・Android ・iOS - イベントバブリング対応 - CSS アニメーションが遅い - position:fixed のバグ - 端末画面サイズへの対応 - text-shadow バグ - Flash の問題 - CSS3 アニメーション＋box-shadow 問題 - jQuery アニメーション - scroll ができない のメモリリーク - z-index が効かなくなる - 下層レイヤーが反応する - フォントが無い - font-weight:bold が使えない - フォーカスがずれる件 - translate3d によるバグ - touchend イベントが発生しない - select や input[type=text] フォーカス時の挙動 - mask-image＋アニメーション問題 - ... - 端末依

CSS Nite in OSAKA, Vol.29 で発表したスライドです。改訂版を http://www.slideshare.net/HiroakiWakamatsu/ss-14011485 にアップしました。Read less

モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。 アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。 複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。 その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。 同じように、Android用ShadowもChromeブラウザとペアにすることができ

Mobile designers have become more prominent in today’s extensible web. iOS and Android apps have flooded the markets and earned a lot of money for some small development studios. The smartphone era has taken off with a huge buzz, and now app designers and developers are in high demand. The local design community Dribbble often features shots from mobile designers. These include sketches and mockup

5. Check-in Social foursquare 10,000,000 user チェックインサービスの草分け。６月にユーザー数が1000万人 を突破。 Gowalla foursquareのライバル。チェックインによるアイテム獲得、 交換の要素などゲーム性要素が強い。 SCVNGR スカベンジャーハント（借り物競走）がコンセプト。 NISSANなどナショナルクライアントとのコラボも実施。 MyTown 本４つのサービスの中でもっともゲーム性が強い。チェックイン してアイテムを買ったり交換して集めていく。 2011年7月21日木曜日 6. Check-in(others) Social Life360 over 1,000,000 user 家族専用、クドーズドな位置情報共有サービス。家族ユーザー数 は100万以上。 CheckPoints 登録されている店やモノにチェックインす

device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai

Androidの画面サイズ iPhoneと違い、機種ごとに画面サイズが違い、いくつも画面サイズが存在しますが、作り方としては、低解像度、中解像度、高解像度の3種類のサイズを用意します。ただ、低解像度の機種は、自動調整をしてくれるものがあるので、中解像度、高解像度だけに絞ってもいいかもしれません。 解像度の分け方は以下の3タイプです。 低解像度（X-Peria miniなど） 中解像度（HT-03A、HTC Heroなど） 高解像度（X-Peria、HTC desire、Nexus oneなど） QVGA（240x320） WQVGA400（240x400） WQVGA432（240x432)

jQuery MobileにDreamweaverが対応。モバイルアプリケーション開発ツールとして本命に急浮上！ アドビシステムズが昨日発表したDreamweaver CS5.5が、JavaScriptフレームワークの「jQuery Mobile」に対応しました。jQuery Mobileは、HTML5のコーディングのみでWebアプリケーションが開発できる強力なフレームワークで、HTMLの優れたオーサリングツールであるDreamweaverはjQuery Mobileと非常に相性がよいといえます。 これまでモバイルアプリケーションの統合開発ツールとして有力なものはありませんでしたが、jQuery Mobileの対応でDreamweaverがモバイルアプリケーションの統合開発環境として急浮上してきました。 Adobe TVで公開されているビデオ「Mobile Web App Developm

Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save

この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。