翻訳者レビュー ( 英語 → 日本語 )

備考: http://mashable.com/2012/02/09/website-must-haves/

英語

“Until two years ago, designing for the web meant designing for a computer, now it means designing for anything with an internet connection,” says Frankel, referring to laptops, tablets and smartphones, all of which have different screen sizes. So, how can you do it? Responsive design.

Responsive website design enables you to use fluid widths, so that your website layout will adapt to the screen on which it’s being browsed. You can enter HTML code so that your sidebar takes up, say 20% of the screen width, and the remaining 80% is reserved for the body of your website. Layouts are adjustable and images are scalable to make for a better web experience on myriad devices.

日本語

全てが異なるスクリーンサイズを持つラップトップ、タブレットやスマートフォンの事を挙げながらフランケルは”２年前まではウェブ設計はコンピューターの為のものだったが、今やそれはインターネット接続の為のものだ”と言う。貴方はどうする？対応性の良い設計。

対応性の良い設計は縮小拡大出来る幅を持たせ、どのブラウザが使われていようがスクリーンに適するようウェブのレイアウトを表示する事が出来る。ＨＴＭＬコードを入力するとサイドバーが立ち上がりスクリーン幅の２０％を占め、残りの８０％はウェブに使われる事になる。たくさんのデバイスでの良いウェブ体験を維持する為に、レイアウトは調整可能で画像は縮小拡大が可能なものにすべきだ。