タグ

2012年1月17日のブックマーク (11件)

  • Customizing web forms with CSS3 and WebKit

    Last week, we shared a few things we’d learned about UI in mobile WebKit browsers. In that post we touched briefly on the idea of using CSS3 to make form inputs that look and feel the same in all WebKit browsers across platforms. Today I’d like to share some specific examples of how we did that. Getting started Customizing form elements in WebKit browsers all starts with applying the -webkit-appea

    Customizing web forms with CSS3 and WebKit
    Qlo
    Qlo 2012/01/17
  • FoursquareとAirbnbの初期プレゼン資料

    もはやブログ読者の方には、おなじみBusiness Insiderにここ数年で急成長を遂げたWebサービスである位置情報サービス、Foursquareと旅行者のための空き部屋マッチングサービス、Airbnbの初期プレゼン資料が掲載されていました。 2年前の格始動から順調に成長しているように見えるFoursquareと紆余曲折を経てここまでたどり着いたAirbnbが当初どのようなビジョンとビジネスモデルを描いていたのか、がわかる貴重な資料ではないかと思うので紹介してみたいと思います。(Airbnbの経緯についてはこちらなどが参考になります→『14ヵ月で1000%成長したAirbnbのさらなる可能性 - eBay for spaces』) ちなみに、Foursquareは現在までに1,500万のアプリダウンロードを達成しており、60億ドルの事業評価を受けています。一方のAirbnbは13億

  • Sign in - Google Accounts

    Qlo
    Qlo 2012/01/17
  • 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.

    Qlo
    Qlo 2012/01/17
  • Android対応サイトを作る際にborder-radiusを使うと角丸が汚くなる | delaymania

    最近スマートフォン用のサイト(以下、スマホサイト)を作ることが多くなってきました。 ガラケーサイトとパソコンのサイトとはまた違った面白さがあってついつい熱中して作ってしまいます。 まだまだ知識が追いついていかず、勉強の日々なんですけど、びっくりしたのはborder-radiusで角丸を表現するとAndroidではまともに表示されないということ。 びっくりするくらい荒くて汚いです。 border-radiusとはCSS3で画像を使わずに角丸を表現するものすごく便利な要素です。 ソースはだいたいこんな感じ。 スマホサイト用ということを考えるとベンダープレフィックスは-webkit-だけ入れておけば問題ないですが(いろんなブラウザ試した訳ではないので不具合でるものもあるかも)、Firefoxでチェックしてるので-moz-も入れてます。 border-radius:30px 30px 30px

  • Androidサイトは横幅何pxで作ればいいのか? - さくペラ

    いくつかAndroidサイト制作の仕事をしていて、いろいろandroid機種でデバッグをして気づいたことがあります。 その中で一番はまったのが、「Androidサイトは横幅何pxで作ればいいのか?」という点です。 今では解決方法を見つけたので以下、まとめます。 Androidのデフォルト解像度について Androidサイトを作る際、横幅何ピクセルで作ればいいのかなあと思い、Android機種の解像度一覧の表を探すと思います。 ただ、その情報を鵜呑みにしてサイトの横幅を設計すると、失敗することになるのです。 なぜなら、「機種自体の解像度性能は高くてもwebブラウザのデフォルトの解像度設定が低くなってるケースが多いから」、なのです。 たとえば、IS03は640*960という解像度を持ってますが、viewportでサイズを指定しないで表示したときの横幅は、320pxなんですね…。 android

    Androidサイトは横幅何pxで作ればいいのか? - さくペラ
  • 久久久亚洲欧洲日产国码是AV_天天干天天日|yr欧洲人妻_精品一区二区成人精品

    免费久久久亚洲欧洲日产国码是AV在线视频观看,国产V片在线播放免费无码视频在线播放!顶极少妇骚虎免费在线观看汇聚了各种国内外精品资源,午夜福利视频又粗又硬又爽片源丰富,带给您不一样的观影体验!

  • Android対応スマートフォンサイトのレイアウト(viewport・コンテナ編)

    最近いろんなスマホ最適化されたサイトを見るようになりました。 それと同時に、多様なAndroid端末が急速に普及し、iPhone3GSが全盛だった去年までの制作方法では対応が不十分になってきてまして、僕自身も試行錯誤中なこともあり、2011年5月時点でのiPhoneAndroidに対応できる自分なりのレイアウト方法をちょっとまとめてみようと思います。 今回は全体編なので、主にviewportの設定と全体を囲むコンテナ要素にフォーカスを絞ります。 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトに 端末の横幅を最大限に活かした方がよい 特に理由が無ければ、大抵の場合は、 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトにする 自然な考え方で考えると、PCに比べるとただでさえ狭

    Qlo
    Qlo 2012/01/17
  • タイプデザイナー 岡野邦彦 Quintet書体インタビュー — I Love Typography

    by Taro Yumiba 2010年の九月から約一年間、オランダ、ハーグにある王立芸術アカデミー、通称KABKのTypemediaコースに留学されたタイプデザイナーの岡野邦彦さんに卒業制作で取り組まれた書体Quintetを中心にインタビューさせて頂いた。 どのようにしてタイポグラフィとタイプデザインに興味持ったのですか? 大学ではグラフィックデザインを専攻していました。ポスター制作などの課題が出た時に、使う文字を調べるために書体のカタログを見たりしてたのですが、なかなかイメージにぴったりと合うものがありませんでした。だったら自分で好みの書体を作ってしまおうと思ったのが始まりでした。 また運のいいことに、当時まだ高価だったMacintoshとFontographer3.1が大学の研究室にあったんです。Macintoshがまだそれほど普及していない頃で、誰も使い方がよく分からなかったのです

    タイプデザイナー 岡野邦彦 Quintet書体インタビュー — I Love Typography
  • iOSとAndroid、無料アプリで「3.7倍」・有料アプリでは「11.5倍」の利用差 | RBB TODAY

    フィルモア・アドバイザリーは10日、iPhoneなどのiOS搭載端末ユーザーと、Andoird搭載端末ユーザーとに対して行ったアンケート調査結果を公表した。調査期間は1月5日~1月8日で、各300、計600サンプルから有効回答を得た。 アンケートでは端末にインストールしている無料・有料アプリの個数をそれぞれ実数値で入力してもらい、それらを集計。その結果iOSユーザーとAndroidユーザーとで、アプリの利用度に大きく差が出た。まずインストールしている無料アプリの個数で見てみると、iOSユーザーの平均「66.9個」に比べ、Androidユーザーは「18.1個」と、3.7倍の差となった。Androidユーザーでは、インストール済みアプリの個数が10個以下の人が約半数(52%)を占めたが、iOSユーザーでは11%に留まった。逆に、アプリ個数が30個を超える人の割合は、iOSユーザーでは約半数(5

    iOSとAndroid、無料アプリで「3.7倍」・有料アプリでは「11.5倍」の利用差 | RBB TODAY
  • Beautiful Showcase of Cute Pink Website Designs | Modny73

    Pink is a combination of red and white color, pink in a website color scheme shows girly, feminine and maybe friendly. You will notice that when looking through the list of websites, there are some that utilize Pink as their main color of choice and really drive it to you, while others choose a more subtle approach and sprinkle the pink around along with another main choice of color. Here is prett