CSS Talk vol.2 Flexbox予告編

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

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