Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS Talk vol.2 Flexbox予告編

CSS Talk vol.2 Flexbox予告編

1/28の「CSS Talk vol.2」で予定しているセッション「IE9を斬ってFlexboxを使い始めたらサクサク捗った件」の予告編です。

もりてつ

January 23, 2017
Tweet

More Decks by もりてつ

Other Decks in Programming

Transcript

  1. *&Λ࢐ͬͯ'MFYCPYΛ࢖͍࢝ΊͨΒ
    αΫαΫḿͬͨ݅
    ೥݄೔
    ৿Ӭ఩ฏ
    $445BMLWPM ༧ࠂฤ

    View Slide

  2. ಺༰
    w ࣗݾ঺հ
    w 'MFYCPYͱ͸
    w ϒϥ΢βࣄ৘
    w αΠτ࡞੒࣌ʜ*&͸ཁΒͳ͍ʁ
    w Ͱɺ*&Λ࢐ͬͨΒͲ͏ͳ͔ͬͨ
    w ࣮ࡍͷྫ

    View Slide

  3. ࣗݾ঺հ
    w ৿Ӭ఩ฏ ΋Γͯͭ

    w גࣜձࣾάϥουΩϡʔϒ

    ϓϩμΫτ։ൃνʔϜΤϯδχΞ

    ˞ओʹϑϩϯτΤϯυΛ୲౰
    w Ҏલ͸๭ిػϝʔΧʔͰιϑτ΢ΣΞ։ൃ
    w ೥ྸɿࡀ
    w ͱ͖Ͳ͖ίϯτϥόε஄͍ͨΓήʔϜͨ͠Γ

    View Slide

  4. 'MFYCPYͱ͸

    View Slide

  5. 'MFYCPYͱ͸
    w ਖ਼໊ࣜশɿ$44'MFYJCMF#PY-BZPVU.PEVMF

    8$%SBGUɿIUUQTXXXXPSH53DTTqFYCPY
    w ਌ཁૉ qFYDPOUBJOFS
    ͱࢠཁૉ qFYJUFN
    Ͱߏ੒
    qFYDPOUBJOFS
    qFYJUFN qFYJUFN qFYJUFN

    View Slide

  6. 'MFYCPYͱ͸
    Ͱ͖Δ͜ͱ
    w਌ཁૉͷαΠζ͕มԽͨ࣌͠ͷࢠཁૉͷ഑ஔ
    wࢠཁૉͷߴ͕͞ҧ͏࣌ͷ্ἧ͑தԝἧ͑Լἧ͑
    wࢠཁૉͷॱ൪ೖΕସ͑
    wFUDʜ
    ϨΠΞ΢τ͕ॊೈʹ qFYJCMF
    ߦ͑Δ̇

    View Slide

  7. 'MFYCPYͱ͸
    ରԠϒϥ΢β
    ʊਓਓਓਓਓਓʊ
    ʼɹ*&ඇରԠɹʻ
    ʉ:?:?:?:?:ʉ

    View Slide

  8. ࡢࠓͷϒϥ΢βࣄ৘

    View Slide

  9. ࡢࠓͷϒϥ΢βࣄ৘
    ͜ͷͱ͜Ζ1$༻ϒϥ΢βͷ
    γΣΞ͸$ISPNFڧ
    ೥݄ͷੈքγΣΞ
    $ISPNFɿ
    'JSFGPYɿ
    *&ɿ
    4BGBSJɿ
    &EHFɿ
    ˞σʔλࢀরɿIUUQHTTUBUDPVOUFSDPN

    View Slide

  10. ࡢࠓͷϒϥ΢βࣄ৘
    ͜ͷͱ͜Ζ1$༻ϒϥ΢βͷ
    γΣΞ͸$ISPNFڧ
    ೥݄ͷੈքγΣΞ
    $ISPNFɿ
    'JSFGPYɿ
    *&ɿ
    4BGBSJɿ
    &EHFɿ
    *&Ҏ֎Ͱׂ௒͑
    *&΋΄ͱΜͲ͕
    *&͸ ࣮࣭
    ʹαϙʔτऴྃ
    ΋͏'MFYCPYΛ
    ී௨ʹ࢖͍͍ͬͯΑͶʁ

    View Slide

  11. ࡢࠓͷϒϥ΢βࣄ৘
    ΋͏'MFYCPYΛ
    ී௨ʹ࢖͍͍ͬͯΑͶʁ
    ͔͠͠ʜʜ ΞΫηεղੳ͢Δͱ
    *&΋Ұఆͷׂ߹͋Γ
    ۀ຿ͰͷαΠτ࡞੒͸
    ͜Ε·Ͱ*&΋αϙʔτର৅ͩͬͨ

    View Slide

  12. ͋͞Ͳ͏͢Δʁ

    View Slide

  13. ଓ͖͸ʜʜ8FCͰʂ
    $445BMLWPMͰʂ

    View Slide