SwapSkillsDoubbble(9) レスポンシブWebデザインの今と未来　

fine! @fine3152

Propotional Grid（これからは最初からpxを使わないで%で画面をレイアウトする。例、新マイクロソフトのサイト等） #swapskills_W9

fine! @fine3152

Propotional Grid（これからは最初からpxを使わないで%で画面をレイアウトする。例、新マイクロソフトのサイト等） #swapskills_W9

deni @deniyung

CERNのサイトのリニューアルをしたMark BoultonのGridset https://t.co/URAICJu31y #swapskills_w9

deni @deniyung

CERNのサイトのリニューアルをしたMark BoultonのGridset https://t.co/URAICJu31y #swapskills_w9

Teruichi @teruichi81

サムソンのsmartTVはボイスコントロール（声で動く）、動作認識、顔認証などが動く。 #swapskills_w9

Teruichi @teruichi81

サムソンのsmartTVはボイスコントロール（声で動く）、動作認識、顔認証などが動く。 #swapskills_w9

Teruichi @teruichi81

イギリスのマーク・ボルトンが作ったツール：Grid Tool ってこれか？ http://t.co/fYK44E4xI5 #swapskills_w9

Teruichi @teruichi81

イギリスのマーク・ボルトンが作ったツール：Grid Tool ってこれか？ http://t.co/fYK44E4xI5 #swapskills_w9

deni @deniyung

Microsoftの新しいWebサイトは、Proportional gridで作られてる。 #swapskills_w9

deni @deniyung

Microsoftの新しいWebサイトは、Proportional gridで作られてる。 #swapskills_w9

flower @flower_4575

黄金比は私たちが美しく感じてるものに使われてるんだ。 #swapskills_W9

flower @flower_4575

黄金比は私たちが美しく感じてるものに使われてるんだ。 #swapskills_W9

Teruichi @teruichi81

pxで作って%にするのではなく、最初から%で作れないか？比率 Proptional Grid 最初から%にするには？黄金比の例：Twitter、Apple、iPhone（のプロダクト自体）、iPhoneのカメラ部分 #swapskills_w9

Teruichi @teruichi81

pxで作って%にするのではなく、最初から%で作れないか？比率 Proptional Grid 最初から%にするには？黄金比の例：Twitter、Apple、iPhone（のプロダクト自体）、iPhoneのカメラ部分 #swapskills_w9

deni @deniyung

Twitterの画面、Applenoロゴ、iPhoneのデザインにも黄金比が使われている。 #swapskills_W9

deni @deniyung

Twitterの画面、Applenoロゴ、iPhoneのデザインにも黄金比が使われている。 #swapskills_W9

Pochi@10/5ロンシャンへ @pochirou

菊池さんのセクション。面白くてわかりやすい！FruidGridは最初から比率で考えろということかぁ。 #swapskills_W9

Pochi@10/5ロンシャンへ @pochirou

菊池さんのセクション。面白くてわかりやすい！FruidGridは最初から比率で考えろということかぁ。 #swapskills_W9

deni @deniyung

比率 X グリッド=Fluid #swapskills_W9

deni @deniyung

比率 X グリッド=Fluid #swapskills_W9

カニコロ @kanicream945

Fluid Grid→pxで考えず、％でかんがえる。「Proportional Grid」#swapskills_w9

カニコロ @kanicream945

Fluid Grid→pxで考えず、％でかんがえる。「Proportional Grid」#swapskills_w9

deni @deniyung

Campas In（レイアウトから）→Content Out（コンテンツから） #swapskills_W9

deni @deniyung

Campas In（レイアウトから）→Content Out（コンテンツから） #swapskills_W9

deni @deniyung

RWDだとカラムに最後や最初は決まってないので、グリッド意識して、CSS書く。 #swapskills_w9