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

2
前へ 1 2 3 ・・ 13 次へ
deni @deniyung

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

2013-03-09 16:47:19
deni @deniyung

Fluid Grid:なぜ横幅960pxがよくつかわれるか:いろいろなカラム数が設定できる最大公約数だから #swapskills_w9

2013-03-09 16:42:55
deni @deniyung

Fluid Grid:なぜ横幅960pxがよくつかわれるか:いろいろなカラム数が設定できる最大公約数だから #swapskills_w9

2013-03-09 16:42:55
iichikoh@ECのアナリスト的ななにか @iichikoh

へー1080pxでのグリッドのサイトも日本でも増えてきてるんだ? #swapskills_W9

2013-03-09 16:42:26
Teruichi @teruichi81

Fluid Grid:Gridというのは線にそってパーツを置くものではない。Gridとは設計によるものである。#swapskills_w9

2013-03-09 16:41:30
fine! @fine3152

文字の大きさ。目で見て、読みやすい文字サイズから、デザインを決めなければイケナイ。 #swapskills_W9

2013-03-09 16:39:10
negi @nyagihime

レスポンシブひとつでもいろんな考え方があって面白いなぁ #swapskills_W9

2013-03-09 16:39:01
Teruichi @teruichi81

タブレットは12pxだと小さい。ではTV画面は?(pxだと困る)。画面サイズと文字サイズに応じてレイアウトは変わらないといけない。 #swapskills_w9

2013-03-09 16:37:35
deni @deniyung

読みやすい文字サイズは、人によって違う。デバイスによって、見るときの距離が違う。TVは、特に違う。 #swapskills_W9

2013-03-09 16:37:32
カニコロ @kanicream945

ニュース速報の文字サイズは70pxくらい。#swapskills_w9

2013-03-09 16:37:20
bookslope @bookslope

EmChart http://t.co/deFO1a7hZI CSS フォントのサイズを em 指定する際に便利な EmChart というサイトがある #swapskills_W9

2013-03-09 16:37:01
カニコロ @kanicream945

最適な文字の大きさは、目と画面の距離による。※若い子か老眼かで違うし、スマホかデスクトップか、またはテレビでみるときはどの文字サイズが最適? #swapskills_w9

2013-03-09 16:36:40
fine! @fine3152

モバイルは、目の位置と画面の距離をかえられる。 デスクトップは、目の位置と画面の距離はほとんど変わらない #swapskills_W9

2013-03-09 16:35:44
Teruichi @teruichi81

文字が「どのサイズの時に」「どのレイアウト」だと読みやすいか?目の位置と画面の距離が関係。視力やデバイスのサイズ、デバイスまでの距離などで異なる。 #swapskills_w9

2013-03-09 16:35:08
deni @deniyung

文字がそのサイズの時にどのレイアアウとが読みやすいかを考える #swapskills_W9

2013-03-09 16:33:50
fine! @fine3152

Jeremy Keith どこでブレークポイントを設定するか、不毛な議論。 #swapskills_W9

2013-03-09 16:33:16
deni @deniyung

文字サイズを基準にしたemでブレイクポイントを設定する:日本語だと1行が35〜50文字が読みやすい #swapskills_W9

2013-03-09 16:32:53
Teruichi @teruichi81

例えば、60em過ぎたら35em+35emで指定。英語圏は45em や60emが多い。実際には余白も考えて読みやすさを設計する。 #swapskills_w9

2013-03-09 16:32:49
fine! @fine3152

RWD、画面の切替え。どこでブレークポイントを切るのか? 正しいレスポンシブ・ウェブデザインはコンテンツに依存する。 日本人は35-50文字ぐらいが読みやすいらしい #swapskills_W9

2013-03-09 16:31:26
Teruichi @teruichi81

Break Point をpxではなくemで指定、emは一文字のサイズに依存。一般に日本人は35em〜50em(35文字〜50文字)が読みやすい。 #swapskills_w9

2013-03-09 16:30:59
Teruichi @teruichi81

レスポンシブ・ウェブデザインはコンテンツに依存する。コンテンツ?=テキスト コンテンツの消費のしやすさ #swapskills_w9

2013-03-09 16:28:38
deni @deniyung

RWDは、Viewportに依存する。→RWDは、コンテンツに依存する。→RWDは、テキストに依存する。 #swapskills_w9

2013-03-09 16:28:27
Teruichi @teruichi81

レスポンシブ・ウェブデザインは、「デバイスに依存しない」。「Viewportに依存する」 #swapskills_w9

2013-03-09 16:27:14
@code_plusjp

レスポンシブWebデザインは言葉が一人歩きしている。 #swapskills_W9

2013-03-09 16:27:07
カニコロ @kanicream945

RWDはフルードグリッドを理解するところから。Break Pointの設計について。特定のデバイスだけで設計するのでは足りない。その間のデバイスの設計も。 #swapskills_w9

2013-03-09 16:26:00
前へ 1 2 3 ・・ 13 次へ