スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル（user-scalable=noあり） サンプル（us
Google / Samsung introduce Android 4.0 Ice Cream Sandwich 先日発表されたAndoroid 4.0 Ice Cream Sandwithの新しいフォント「Roboto」について。 今回のバージョンアップではフォントに力を入れて来ているそうで、発表時にも大きく扱われていました。 GoogleでAndroidのデザインを担当するMatias Duarte氏によると、新しいフォントRobotoは「わかりやすくて親しみやすく、Androidを魅力的にし、もう少し人間らしくするものでなければならなかった」ということを出発点に作られたそうです。 インターフェイスの根幹を成すフォントに、これまでにない力の入れようを感じるわけですが、よくよく見てみると、ところどころ違和感をデザインになっていて、それが独特の変な味を醸し出している印象を受けました。 そ
Google 翻訳は、言語の壁を超えたよりスムーズなコミュニケーションや情報へのアクセスを目指して、日々開発を行なっています。今年のはじめにAndroid 版のGoogle 翻訳で、英語とスペイン語を対象に会話モードの提供を開始しましたが、本日より、日本語をはじめとした 12 の言語（フランス語、ドイツ語、イタリア語、チェコ語、オランダ語、ポーランド語、ロシア語、トルコ語、ブラジルポルトガル語、韓国語、中国語（北京語））でも、会話モードが使えるようになりました。 会話モードをお使いいただくには、Google 翻訳アプリを立ち上げ、入力ボックスの脇にあるマイクのアイコンをタップし、翻訳結果が表示された画面で [ 会話モードにする ] をタップしてください。たとえば、日英で会話モードを利用する場合には、日本語で話しかけると、自動的に英語に翻訳され読み上げられます。相手は[ Reply in E
日記_2024.8.29 鞍馬と貴船 29日は鞍馬と貴船に行ってきました。こんな天気でバイクは無理、でも引きこもるのも嫌なので前々から行きたかった鞍馬と貴船に行くことにしました。ただ、いつ大雨が降っても全くおかしくないので天気がヤバそうなら帰ることにします。普通に日帰りできる距離ですから…
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？（前編） Google I/O 2011 モバイルアプリケーションを開発する方法として、JavaやC/C++などのプログラミング言語とSDKを用いてネイティブアプリケーションとして開発する方法以外に、HTML5/CSS/JavaScriptを用いて開発する方法が登場してきています。 この2つのアプリケーション開発にはどのような違いや利点があるのでしょうか？ Androidを題材にして解説したセッション「HTML5 versus Android: Apps or Web for Mobile Development?」がイベントGoogle I/O 2011で行われました。 HTML5でモバイル開発を行う利点 Reto Meier氏（左）、Michael Mahemoff氏（右）。
ログインすると、ポイントやお知らせの確認をはじめ、お客さまの契約内容に応じた表示ができます。 My au利用規約、My UQ mobile利用規約、ID利用規約、au Ponta ポイントプログラム規約およびアクセスデータの利用に同意の上、ログインしてください。
スマートフォン向けのアプリ提供はほぼ必須になってきているこの状況。 何で作るのか? というのは、悩ましいところですよね。 ネイティブアプリで作るのか？ WEBアプリ(HTML5+CSS3)で作るのか？ ...は開発者が揃っている云々もあるかもしれませんが、それよりも、そのアプリの特性/対象者によって決定する感じなのでしょうね。 会社のアプリならばインストールさせて使う系のネイティブの方が良さそうだけど、インストール無しでも..であればWEBアプリでという選択肢なのかな。あとは、Appleにお布施が可能なのかどうかとか..か。 WEBアプリの方には全然注目していなかったのですが、「ネイティブと同じような動きで、iPhoneとAndroidのマルチプラットフォーム」となるとなかなか厄介なもんですね。 どこまでこだわるか？によるんでしょうけども、対象が iPhoneだけだったらライブラリつかって
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。（ムービーはiOSシミュレータによるデモです）iPhone・Androidでご覧の方はデモに直接アクセスしてください（ムービーは再生されません）。 【デモを見る（iPhone・Androidで見てください）】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置（position:absolute）を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
Tools Useful Tools and Kits for Android Developers Henry JonesFebruary 25, 20116 Comments05.9k There’s a huge market for mobile app development. I’m an iPhone user myself, and we’ve posted plenty of stuff here on iOS design and development. But it looks like the popularity of the Android platform isn’t slowing down anytime soon. It’s market share keeps growing. So we thought it was about time that
Tumblife for AndroidはTumblrのダッシュボードを読み込み、リブログ/ライクをするためのフロントエンド。 Tumblife for AndroidはAndroid用のオープンソース・ソフトウェア。Tumblrの面白さは自分でスクラップすることはもちろんのこと、誰かをフォローして彼らが投稿するデータを見ることにもある。そして気に入ったらリブログしたり、Likeを押せば良い。 読み込んでリブログ そんなTumblrのチェックはWebブラウザから行っても良いが、ちょっと空いた時間を使ってチェックしていくのが面白い。そのためにはPCよりも携帯電話だ。あなたがAndroidユーザならばTumblife for Androidがぴったりだろう。 Tumblife for Androidはログイン情報を登録して、ダッシュボードの情報を読み込んでいくTumblrクライアントだ。データ
Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit
li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> li > a" data-ddst-label="Navigation Items" data-ddst-no-support="background,border"> Home Categories Tutorials Resources Inspiration Freelance Interviews Design Freebies About Contact Advertise With Us Write For Us Contact Thanks to smartphones, you no longer have to be sitting in front of your computer to upload,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
