Get started with responsive Web design! In this article, you’ll find how to respond to the user’s behavior and environment based on screen size, platform and orientation. Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must
先日、マイクロアドさん主催のスマートフォンマネタイズナイトというイベントで発表したときのお話をここでもシェアしておきます。 モバツイは、広告による収益で運営していますが、掲載する広告は、広告代理店さんに評判になるぐらい厳選しています。しかし、そこにはソーシャルメディアとモバイル広告の現状が非常にミスマッチであると言う大きな問題があります。 その辺について人的コストをかけて守っているというあたりの話です。なかなかその辺のことを知る機会もないと思いますので、ご参考までに。 No.1 No.2 No.3 No.4 No.5 No.6 No.7 ※「アドネットワーク」というのは、Google Adsenseみたいにタグを貼っておけば広告が自動的に配信してくるシステムのことを言います。その他に、モバツイを指名して出稿していただく「純広告」というのがありますが、スマートフォンの主流はアドネットワークと
Data-driven strategies and battle tested techniques to help make you a master of mobile—and improve your non-mobile design, too! Our paperbacks are available where fine books are sold globally, including these retailers: 🇺🇸 US: Ingram, Bookshop, B&N🇬🇧 UK: Blackwell’s🇦🇺 AU: Booktopia🇩🇪 DE: Thalia Our books can also be found on Amazon, but please consider supporting local and independent res
去年の終わり頃からアメリカで話題の「モバイルファースト」について、自分なりの考えをまとめてみた。 僕が考える「モバイルファースト」とは「サイト構築の起点をモバイル向けにする」という「レスポンシブ・ウェブ・デザイン(RWD)」を前提とした考え方で、そうすることで「自然とデスクトップ向けの制作にも良い効果が生まれる」ということ。それぞれの接続デバイスに最適化されたユーザ体験を提供する「レスポンシブ・ウェブ・デザイン」を採用した制作には、大きく分けると2つの進め方があります: デスクトップ向けの制作からはじめて、モバイル向けに最適化していく方法 モバイル向けの制作からはじめて、デスクトップ向けに最適化していく方法 この方法のうち、モバイル向けの制作からはじめることを「モバイルファースト」と言っているようです。最近RWDで実際に制作をしてみているのですが、「モバイルファースト」は理にかなっていると
Align with how people use their mobile devices and why. Emphasize content over navigation. Provide relevant options for exploration and pivoting. Maintain clarity and focus. Align with mobile behaviors In the previous part, we talked about the constraints and capabilities that make designing for mobile unique. Similarly, the desktop web also has a set of limitations and possibilities that make it
アップルとマイクロソフトが採用をはじめた“モバイルファースト”とは?「モバイルファースト」という言葉をご存知でしょうか? これは、グーグル、Facebook、アドビが採用を始めたコンセプトで、最近ではアップルやマイクロソフトも採用し始めているコンセプトです。 「モバイルファースト」というコンセプトは読んで字の如く、Webサイトを作る際に、まずモバイルサイトから作成するというものです。また、サイト制作に限ったものではなく、ビジネス戦略においても、存在が大きくなっているモバイルから考えることは重要な意味を持ちます。また言葉を言い換えれば、モバイルとデスクトップという境がなくなってるとも言えます。 この一見、単純なコンセプトが世界の名だたる企業に採用される理由を考えてみましょう。 モバイルファーストが採用される3つの理由モバイルファーストが採用される大きな3つの理由をまず知っておきましょう。 モ
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く