2016/7/28
フロント側の知識が皆無なので来てみました。
こんなに便利なんですねフレックスボックスとは。あとかのさんの存在も大きかったです。凄い人です。
メモです
ヒカラボ
https://atnd.org/events/78768
鹿野 かのたけしさん
ICS
パズ億開発
ics media
flexbox レイアウト
レスポンスイメージ
フロント事情
古いieの縮小
スマホブラウザ
html5css3勧告
ie古いの1.5%
クローム4割
ie11 2割
ボックスレイアウト
css3のがflexbox floatではなくflexbox
資料あるのであとで見る
flexboxはbootstrap4やionicで採用される
floatよりもパフォーマンス良い
float使う必要なくなった
ベンダープレフィクス書かなくて良いツール
autoplefiXer
ie10でもflexox使えるjs
flexbility.js ポリフィルと呼ぶ
バージョン2はバグで動かない
レスポンシブイメージ
html5.1の技術
img srcset=”small.jpg 640w, m.jpg 1280w,l.jpg 2560w”
sizes=”
ブラウザによってキャッシュ使うので開発時反映されていないかと勘違いしないで
firefoxだけ使わない
アートディレクション
html5.1 picture要素
未対応ブラウザはpicturefill.jsポリフィルを使う
切り替え画像の
見た目違う場合はpicture
見た目同じ場合はsrcset