パナソニックは、同社の採用情報のページをレスポンシブ・Webデザインで構築しているそうです。 これは、昨今の就職活動中の学生に対する意識調査で、2人の1人がスマートフォンユーザーであり、就職活動などでスマートフォンを活用しているシーンが増えているためとか。 若い世代向けのWebサイトで、今後スマートフォンを前提としたWebサイトはますます増えていきそうですね。 採用情報|パナソニック企業情報|Panasonic
最近、注目度のあがってきているレスポンシブWEBデザインで制作されたWEBサイトのまとめです。 remy-responsivepxを利用するとPC上でいろいろなデバイスでの見え方をプレビューすることができます。 asuonline hvanimalhospital fork-cms 10k.aneventapart jonwhitestudio foodsense jasonsantamaria spigotdesign thomasprior デザインの時点で各デバイスごとの見え方やマークアップの仕方を想定しながら作らないといけなそうですね。 26 Responsive Web Designs
このマスターシリーズでは、Dreamweaver CS5.5の新機能の中からモバイル開発機能を中心に解説します。 AndroidやiPhoneなどのいわゆる「スマートフォン」は、PC(デスクトップ)向けのサイトをそのまま表示できるのが特徴です。しかし、スマートフォンの画面(スクリーン)はPCに比べて非常に小さく、そのまま表示できるとしても読みやすいとは言えません。また、タブレットも同様で、スマートフォンより画面が大きいとはいえ、サイトによっては読みづらいこともあります。 利用者のことを考えれば、やはり画面の大きさに適した見せ方をしたいところです。この対処方法としては、専用のHTMLとCSSを準備して振り分ける方法と、同じHTMLをCSSだけ切り替えて最適化する方法があります。Dreamweaver CS5.5では、これらの方法を用いてスマートフォン&タブレット対応サイトを制作する際に役立つ
This page has moved You will be redirected to Responsive Images and Context Aware Sizing in a few seconds...
allWebクリエイター塾 ブログでは、Responsive Web Design(レスポンシブ・ウェブデザイン) をよく取り上げています。では、実際に一般のウェブサイトや個人以外のウェブサイトで Responsive Web Design を利用しているサイトはどのくらいあるでしょう?ということで探してみました。特に一般の企業を中心に集めてみましたので、レスポンシブ・ウェブデザインが一般企業でどこが利用しているのか興味がある方は、是非とも参考にしてみてください。 新聞編 About.comなんと、New York Time の一部である、「About.com」ですが、レスポンシブウェブデザインです。日本の各新聞にもそのビジネスモデルまで影響をあたえる「New York Times」までもが Responsive Web Design(レスポンシブ・ウェブデザイン)とは驚きですね。海外では
この記事は、2010年8月3日に Jason Grigsby によって書かれた CSS Media Query for Mobile is Fool’s Gold を翻訳したものです。 画像・表・リンクなどは掲載していませんし、翻訳が怪しい場所がところどころにありますので、ちゃんと読みたい方は原文を参照してください。 翻訳部分は次のセクションとなります。 CSS Media Query for Mobile is Fool’s Gold Ethan Marcotte の記事「Responsive Web Design」はウェブ開発者たちの想像力を刺激し、いくつかの後続の記事はモバイルに最適化されたウェブサイトを構築する方法として、CSS Media Queries をもてはやしました。 私もまた「iPad Orientation CSS」という記事でこの流行に貢献した罪があります。 残念な
Responsive web design is one of the hottest topics among designers and developers right now. If you’re not quite sure what it’s all about, we’ll walk you through what it is, how it works and how CSS media queries are something you need to start incorporating into your own designs. To top it all off, we’ll finish with twenty seriously impressive of responsive designs that use media queries to prese
Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers. Users now use mobile phones, small notebooks, tablet devices such as iPad or Playbook to access the web. So the traditional fixed width design doesn’t work any more. Web design needs to be adaptive. The layout needs to be automatically adjusted
This showcase rounds up a collection of the most inspiring and outstanding examples of responsive web designs. These responsive websites not only look great at full-scale monitor resolution but are designed to gracefully scale according to the user’s screen size. Resize your browser, view the site on a smartphone, tablet or netbook and you’ll see the same design in a range of well-presented format
この翻訳は A List Apart の「Smartphone Browser Landscape」の日本語訳です。利用の際にはかならず原文を確認してください。この翻訳を利用による損害などへの責任などは一切負いかねます。 Responsive Web Design by Ethan Marcotte 「デザイナーが、時としてウェブの中での欲する、印刷分野のコントロールとは印刷分野の単純な機能制限でしかない。ウェブにはそのような制限がないという事実を受け入れ、その柔軟性のためにデザインをする必要がある。しかし、まず最初に我々は、そこに物事に流れと衰退があることを受け入れなければならない。」 John Allsopp(ジョン・アルソップ), “A Dao of Web Design(Webデザインの道)” イギリス人の建築家クリストファー・レンはかつて、建築というものは「永遠が目標である」と皮
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く