AndroidのUIをデザインするとき参考にしている資料まとめ | VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot
-webkit-overflow-scrolling: touch がきかない場合: おちエンのブログ
以前は iOS 系では「スクロールは2本指でできます」とか「iScroll を使いましょう」というのが定番でしたが、-webkit-overflow-scrolling: touch が登場してくれたおかげで、 .scroll { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } という感じで CSS を書くだけで、1本指で、しかも慣性スクロールできるようになりました。 かなり楽な世の中になりました。 ちなみに Android でも Android 4.0.4 Safari/534.30 であれば、-webkit-overflow-scrolling: touch が動作しました。 が、scroll をつける div などの高さを設定しておかないとスクロールバーが表示されず、スクロールできま
スマートフォンでページの一部を慣性スクロールできるようにする-webkit-overflow-scrolling
overflow でスクロールを許可してから -webkit-overflow-scrolling を設定すると スマートフォンの画面からはみ出すコンテンツを、部分的に慣性スクロールするよう設定できます。 -webkit-overflow-scrollingの値をtouchにすると慣性スクロールできるようになり、autoにすると慣性スクロールを無効にできます。 Androidは慣性スクロールが効いていなかったので、-webkit-overflow-scrolling: auto; と同じ動作をします。 画面幅よりも横長なスペック表と、利用規約を模したサンプルを作ってみました。 サンプル 画面からはみ出すコンテンツの外側の要素へoverflow: scroll; と -webkit-overflow-scrolling: touch; を設定します ※スマートフォンで見てみてください。パソコ
Google の新しいデザインガイドライン「Material Design」 | DevelopersIO
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]
ページ内でスマートフォンかどうかを判別し、表示を切り替えたい場合のスクリプトを紹介します。 JavaScriptでiPhone、Androidを識別してそれぞれの端末へメッセージを表示には、ユーザエージェントを使います。 navigator.userAgent で取得したユーザエージェント情報から「iPhone」という文字が合った場合の処理をする場合は、 indexOf を使って以下のようにします。 /* iPhoneという文字が見つかった場合 */ if ( navigator.userAgent.indexOf('iPhone') > 0 ){ } indexOf()メソッドは、指定したキーワードの発見位置を返します。発見できなければ-1の数値を返すので、値が0より上であればキーワードが発見できたと分かります。 iPhone/iPad/iPod/Android毎に処理を分けるには次のよ
![スマートフォン（iPhone/Android）のページ内振り分け - JavaScriptテックラボ - [SMART]](https://cdn-ak-scissors.b.st-hatena.com/image/square/efeb6493234f33406d242c048873a805fca99c63/height=288;version=1;width=512/https%3A%2F%2Frfs.jp%2Fwp-content%2Fthemes%2Fsmart%2Fogpimage.png)
Androidの機種依存問題を吸収するプロジェクトAndroid-Device-Compatibilityを公開したお話 - mixi engineer blog
こんにちは。Androidユニットで開発とスクラムマスターをしています、横幕です。すっかり寒くなって、朝起きるのが辛い季節になりました。 先日、Android(TM)の様々な機種に依存する問題を吸収するためのライブラリプロジェクトをmixi, IncのGitHubリポジトリで公開しました。 今回は、このライブラリプロジェクトを公開するに至った経緯をお話しようと思います。 様々な種類の端末に対応するために乗り越えてきた困難 現在、Androidを搭載した端末には、多種多様なものがあります。 そして、OSのバージョンごとの違いだけでなく、同じAndroidを搭載していても、端末ごとに微妙に挙動が異なることがあります。 mixi公式クライアントアプリでも、端末ごとに微妙に挙動が異なることで発生する問題にいくつか直面してきました。 特定の端末で、文字が9,000文字までしか入力できない EditT
スマホ・アプリの使い方 | アンドロック
PayPay（ペイペイ）のパスワードを忘れてログインできないときの対処法を紹介します。 パスワードを忘れたときの対処法は主に2パターンあります。どちらかやりやすい方法を選んで実行してくだ... 続きを読む
Android Interaction Design Patterns |
Add a pattern! Missing a pattern? We invite you to add your patterns. Read more This is androidpatterns.com, a set of interaction patterns that can help you design Android apps. An interaction pattern is a short hand summary of a design solution that has proven to work more than once. Please be inspired: use them as a guide, not as a law.
無料でAndroid向けに使える1万5000種類のベクターアイコン集
メニュー、通知バー、ダイアログ、リストビューなどで使われるAndroidのアイコンを1万5000種類も詰め込んだセットが配布されています。アイコンのサイズはAndroidのユーザーインターフェイスガイドラインにのっとって3種類用意されています。 Android icons アイコンのキャンバスサイズは512x512、その中にアイコンが426x426で収まっています。 収録されているアイコンの一例はこんな感じ。 最下部の「Download Now」ボタンをクリックするとアイコンセットがダウンロード可能です。 ダウンロード時にはメールアドレスが必要となります。 アイコン集の中身。フリー版の場合、メニュー用とダイアログ用の2種類だけが利用可能で、フォルダ名に「only_in_comercial」と書いてあるものは中身が入っていません。 リストビュー用のアイコンなども利用したいという場合には19ド
SPモードメールを転送バックアップする方法 #Android
NTTドコモのキャリアメールであるSPモードメール。ドコモAndroidユーザーの多くが利用しているサービスですが、公式にはPCなど外部へのバックアップ機能やサービスが提供されていないという困った問題があります。そこで今回は、バックアップアプリを使ってGmailにSPモードメールをバックアップする方法を紹介します。 ドコモなAndroidユーザーの多くが使っているSPモードメール（@docomo.ne.jpで終わるメールアドレスを使えるサービス）。私もガラケー時代からのメアドを使いたいがために利用しています。 しかし、SPモードメールの公式アプリの使い勝手は、ガラケー時代ならこれでもよかったのですが、スマートフォン時代にはやや物足りなさを感じてしまうことがあります。特に、端末外へのバックアップやPC（というよりクラウド）連携ができない（もしくは非常に面倒）という点が残念です。SDカードにメ
人気が集まる[.com/net]などのドメインをカンタン入札 ｜お名前.comドメインオークション
「.jpドメインオークション」は、中古.jpドメインの取得権利をオークション形式でご購入いただくサービスです。出品されているすべてのドメインに対して、どなたでも入札することができます。（参加費無料）
![人気が集まる[.com/net]などのドメインをカンタン入札 ｜お名前.comドメインオークション](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a3027b8376f75e4b93fe81568fc242d36165a91/height=288;version=1;width=512/https%3A%2F%2Fwww.onamae.com%2Fbackorder%2Fimages%2Fogimage.jpg)
2130241398375021001?&page=1
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
葉っぱの写真をとると種類を教えてくれるiPhoneアプリ『Leafsnap』 | 100SHIKI
アウトドア派にいいかもしれないアプリのご紹介。 Leafsnapを使えば、「この葉っぱってなんじゃろね？」ということを教えてくれるようだ。 しかもカメラで写真を撮るだけで調べてくれるという便利さだ。 山のぼりなんかが趣味な人は入れておいてもいいかもですな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Designが解決するAndroidのデザイン的課題 (1/2)
Web Kid Blog
| 名古屋のwebデザイナーnanaの記録ブログnanaign
スマホデザインパターン なう
デザイン | Android Developers
gooスマホ部
PhotoFunia - Apps on Google Play