タグ

ブックマーク / all-web-blog.blogspot.com (4)

  • Responsive Web Design を利用している企業サイトリスト

    allWebクリエイター塾 ブログでは、Responsive Web Design(レスポンシブ・ウェブデザイン) をよく取り上げています。では、実際に一般のウェブサイトや個人以外のウェブサイトで Responsive Web Design を利用しているサイトはどのくらいあるでしょう?ということで探してみました。特に一般の企業を中心に集めてみましたので、レスポンシブ・ウェブデザインが一般企業でどこが利用しているのか興味がある方は、是非とも参考にしてみてください。 新聞編 About.comなんと、New York Time の一部である、「About.com」ですが、レスポンシブウェブデザインです。日の各新聞にもそのビジネスモデルまで影響をあたえる「New York Times」までもが Responsive Web Design(レスポンシブ・ウェブデザイン)とは驚きですね。海外では

  • レスポンシブ Web デザインのテストツール「Responsive Design Testing」

    レスポンシブWebデザイン の為のツール Responsive Web Design でウェブサイトを作製するときに、複数の画面サイズを一覧で確認できなくて困った事はありませんか? そんな時に、「Resposive Design Testing」は最適なツールです。 このツールは、スクリーンキャプチャーのURLボックスに、確認したいファイルのパスを入力すれば、横幅240px、320px、480px、768px、1024px のそれぞれのデザインを確認することができます。 ウィンドウサイズを自分で変更する必要がないのは時間を短縮することができます。 また、この「Responsive Design Testing 」はダウンロードしてローカルで利用することもできます。 まとめ 「Responsive Design Testing」のようなツールが最近では、見られるようになりました。やはり、レス

    レスポンシブ Web デザインのテストツール「Responsive Design Testing」
  • レスポンシブ Web デザイン には欠かせない。スケッチテンプレート

    「RESPONSIVE WEB DESIGN SKETCH SHEET」は レスポンシブ Web デザイン に便利なテンプレートです。細かいラフの作成には向いてないですが、各スクリーンサイズ(スマートフォン用、タブレット用、デスクトップ用、テレビ用)のラフスケッチにはピッタリです。

    レスポンシブ Web デザイン には欠かせない。スケッチテンプレート
  • 「モバイルファースト」って何だ

    2010年4月にバーミンガム(英)で開催された Dan Rubin氏のモバイルのワークショップへ参加した時に彼から、米国には「モバイル・サイコロジスト」(モバイル心理学者)がいると聞きました。またモバイル・サイコロジストが近い将来 モバイルのウェブサイトを設計してからデスクトップを設計することを主張していると聞かされました。これが、自分が初めて「モバイル・ファースト」に出会った瞬間です。 前置きが長くなりましたが 「モバイル・ファースト」というのは、 ウェブサイトの設計をするときにモバイル版のウェブサイトの設計から始めるという手法です。すこし噛み砕くと、デスクトップ版を作成し、その情報をそぎ落としてモバイル版を作成する「デスクトップファースト」ではなく、当に必要な情報や機能を最初に決定してモバイル版を作成してから、デスクトップ版では他に必要だとおもわれる情報を慎重に付け加えていく手法です

    「モバイルファースト」って何だ
  • 1