html5j Webプラットフォーム部 第20回勉強会まとめ

bokken 🌐 @bokken_

Fluid Type と Fluid Line Height 両方に最大サイズ、最小サイズと想定するスクリーンサイズを代入すればいい感じにしてくれる公式がある？（詳しくは公開されるスライドを参照） #html5jplat

bokken 🌐 @bokken_

Logic Fold: CSSファイルの上の方にまとめてよく使うものをおいておくテクニック #html5jplat

bokken 🌐 @bokken_

CSS variables を勉強するともっと Media Query が減る #html5jplat

mashio @nao_mashi

CSS Variablesも残るはIEだけ。無視していいか。 #html5jplat

bokken 🌐 @bokken_

CSS 初心者だけど RWD の流行りが分かる素晴らしい発表でした #html5jplat

bokken 🌐 @bokken_

小原さんの発表、デザイナーさんを対象として表の幅決定の仕組みを取り上げる #html5jplat

さわら @xhiroga

B2Bのレスポンシブ事情。きになる #html5jplat

さわら @xhiroga

デスクトップファーストわかる。横長画面でレイアウトを始めるから、画面の横幅を縮めたらレイアウト崩れてた、みたいな #html5jplat

さわら @xhiroga

多機能にして欲しいは感じたことないけど、たくさん表示したいはあるなぁ #html5jplat

おおきくてながい @t_daicho

B2Bの画面事情わかる #html5jplat

さわら @xhiroga

ほう。一人の人がいろんな端末からアクセスする。確かにそうだけど、どういう影響があるんだろう？ #html5jplat

mashio @nao_mashi

B2Bの話あるあるすぎる。つらみ。 #html5jplat

bokken 🌐 @bokken_

変化の激しいレイアウトを避ける #html5jplat

さわら @xhiroga

業務画面って表組み多いんですよね？やっぱり #html5jplat

ものえおさむ @osamum_MS

B2Bのレスポンブ対応、めっちゃ勉強になる。 #html5jplat

さわら @xhiroga

表組みをモバイルで表現するとき、みなさんどうされているんだろう？ #html5jplat

さわら @xhiroga

うちの現場デザイナーさんいないから話聞いててすごい面白い... #html5jplat

さわら @xhiroga

テーブルの幅決定のアルゴリズムに固定の仕様はない！なるほど #html5jplat

bokken 🌐 @bokken_

紹介されている fixed のサンプル jsfiddle.net/rxfq8ee7/5/ #html5jplat

bokken 🌐 @bokken_

紹介されている auto のサンプル jsfiddle.net/pLy2489z/3/ #html5jplat

mashio @nao_mashi

tableのレンダリングパフォーマンスは意識したことなかった #html5jplat

bokken 🌐 @bokken_

紹介されているセルの最小幅と最大幅の例 jsfiddle.net/erLtvu5z/4/ #html5jplat

bokken 🌐 @bokken_

W÷D×d、覚えておこう #html5jplat

ハーミット @hinooop

table-layoutはautoよりfixedの方がレンダリング速度が早い。 #html5jplat

ふゆのねこ @elurra

これは！表の幅の話。 #html5jplat pic.twitter.com/WG1sda2pUZ

拡大