ヒロフロお悩み相談会 〜CSS編〜

CSS設計について

Transcript

1. ώϩϑϩ͓೰Έ૬ஊձ
   
   d$44ฤd ηοπϒʔϯ
2. ͲΜͳ$44ઃܭͯ͠Δʁ
   Ϋϥεͷ໋໊نଇ͸ʁ
   ͲΜͳSFTFUDTTΛ࢖ͬͯΔʁ ૉ๿ͳٙ໰ σΟεΧογϣϯ͠·͠ΐ͏ɻ
4. ͍͍$44ͱ͸ʁ
5. ͍͍$44ͷ৚݅ w ༧ଌ͠΍͍͢
   w ࠶ར༻͠΍͍͢
   w อक͠΍͍͢
   w ֦ு͠΍͍͢
   w ϒϥ΢βؒͷࠩҟ͕ͳ͍
6. Ϧηοτ$44
7. &SJD
   .FZFS`T
   l3FTFU
   $44z w ੈքͰ̍൪ར༻͞Ε͍ͯΔϦηοτ$44
   w ։ൃ͕ࢭ·͍ͬͯΔ
   w )5.-Ͱ͸ഇࢭ͞ΕͯΔཁૉ΋ೖ͍ͬͯΔ
   w ٯʹ)5.-Ͱ௥Ճ͞Εͨཁૉ͸ೖ͍ͬͯͳ͍
   w IUUQNFZFSXFCDPNFSJDUPPMTDTTSFTFU
8. )5.-
   %PDUPS
   $44
   3FTFU(FU
   5IF
   $PEF w &SJD
   .FZFS`T
   l3FTFU
   $44zΛվྑ
   w )5.-ରԠ
 
 w IUUQIUNMEPDUPSDPNIUNMSFTFU TUZMFTIFFU
9. :BIPP
   $44
   3FTFU :6*
    w :BIPP͕։ൃ
   w ։ൃऴྃ
 
 w IUUQTZVJMJCSBSZDPNZVJEPDTDTTSFTFU
10. OPSNBMJ[FDTT w )5.-ରԠ
    w ༗༻ͳϒϥ΢βͷελΠϧ͸࢒ͯ͋͠Δɻ
    w શͯΛϦηοτ͢ΔͷͰ͸ͳ͍ͷͰඳը͕ૣ͍
 
 w IUUQTOFDPMBTHJUIVCJPOPSNBMJ[FDTT
11. SFTT w OPSNBMJ[FDTTΛվྑ
    w શͯͷཁૉʹCPYTJ[JOH
    CPSEFSCPYΛదԠ
    w σϑΥϧτͷϘλϯͷελΠϧΛ࡟আ
 
 w IUUQTHJUIVCDPNGJMJQFMJOIBSFTSFTT
12. $44ઃܭ
13. 00$44 w ίϯςφͱ಺༰ͷ෼཭
    w ߏ଄ͱεΩϯͷ෼཭
    w JEΛ࢖Θͳ͍
    w อकੑɾ࠶ར༻ੑͷ޲্ 0CKFDU
    0SJFOUFE
    $44
14. ίϯςφͱ಺༰ͷ෼཭
    
    EJW
    DMBTTDBUFHPSZ
    
    
    
    
    IΧςΰϦI
    
    
    EJW
    DBUFHPSZ
    I\
    
    
    d
    TUZMF
    d
    ^
15. ίϯςφͱ಺༰ͷ෼཭
    
    EJW
    DMBTTlDBUFHPSZ@CPY
    
    
    
    
    I
    DMBTTDBUFHPSZΧςΰϦI
    
    
    EJW
    DBUFHPSZ\
    
    
    d
    TUZMF
    d
    ^
16. ίϯςφͱ಺༰ͷ෼཭ w Ϋϥεͷ෇͍͍ͯͳ͍IͳͲͷ)5.-ཁૉ͸σϑΥ ϧτελΠϧΛ֬໿Ͱ͖Δ
    w DBUFHPSZͷ෇༩͞Εͨ)5.-ཁૉ͸ɺͦΕ͕I Ͱ͸ͳ͍ͱͯ͠΋ಉ͡ݟͨ໨Λఏڙ͢Δ͜ͱ͕Ͱ͖Δ
17. ߏ଄ͱεΩϯͷ෼཭ CUO\
    
    
    XJEUI
    QY
    
    
    IFJHIU
    QY
    
    
    QBEEJOH
    QY
    
    
    DPMPS
    ⒎G
    
    
    CBDLHSPVOEDPMPS
    G
    ^ ˡ
    
    ߏ଄ ˡ
    
    ߏ଄ ˡ
    
    ߏ଄ ˡ
    
    εΩϯ ˡ
    
    εΩϯ
18. ߏ଄ͱεΩϯͷ෼཭ CUO\
    
    
    XJEUI
    QY
    
    
    IFJHIU
    QY
    
    
    QBEEJOH
    QY
    ^
    FOUSZCUO\
    !FYUFOE
    CUO
    
    
    DPMPS
    ⒎G
    
    
    CBDLHSPVOEDPMPS
    G
    ^
19. #&. #MPDL
    &MFNFOU
    .PEJpFS w ௕ظؒϝϯςφϯεͰ͖ΔઃܭͰɺ։ൃΛ͢͹΍͘
    w ֶशίετͷ௿Լ
    w ࠶ར༻ੑΞοϓ
20. #&. #MPDLͱ&MFNFOUͷ۠੾Γ͸ΞϯμείΞݸ NFOV@@JUFN #MPDL·ͨ͸&MFNFOUͱ.PEJpFSͷ۠੾Γ͸ϋΠϑϯݸ NFOV@@JUFNDVSSFOU
21. #&. VM
    DMBTTNFOV
    
    
    MJ
    DMBTTNFOV@@JUFN
    NFOV@@JUFNŠDVSSFOU
    
    
    
    
    MJ
    
    
    MJ
    DMBTTlNFOV@@JUFNMJ
    
    
    MJ
    DMBTTlNFOV@@JUFNMJ
    VM
22. 4."$44 w 00$44
    
    #&.
    w $44ΛΑΓମܥཱͯɺΑΓߏ଄Խͤ͞Δ 4DBMBCMF
    BOE
    .PEVMBS
    "SDIJUFDUVSF
    GPS
    $44
23. 4."$44 w #BTF
 Ϧηοτ΍σϑΥϧτͷελΠϧͳͲ
    w -BZPVU
 ϔομʔɺϑολʔɺαΠυόʔͳͲͷେ͖ͳ͘͘Γ
    
    MIFBEFS
    w .PEVMF
 -BZPVUΛߏ੒͢ΔύʔπͷελΠϧ
    w 4UBUF
 ঢ়ଶʹΑͬͯݟͨ໨ΛมԽͤ͞Δͱ͖ʹ࢖͏ɹJTBDUJWF
    w 5IFNF
 ޙ͔ΒಡΈࠐ·ͤͨΓɺΫϥεΛ෇Ճͯ͋͠ͱ͔ΒελΠϧΛมߋͤ͞Δ ৔߹ʹ࢖͏
24. 4."$44 EJW
    DMBTTMNBJO
    
    
    EJW
    DMBTTCPY
    JTEJTBCMF
    
    
    
    
    I
    DMBTTCPYUJUMFCPYI
    
    
    EJW
    EJW
    CPYJTEJTBCMF\
    
    
    EJTQMBZ
    OPOF
    ^
25. '-0$44 w )JSPLJ
    UBOJ !IJMPLJʹΑͬͯߟҊ͞Εͨࠃ࢈ͷ$44ઃܭ
    w 00$44
    
    4."$44
    
    #&.
    
    4VJU$44
    w ͭͷϨΠϠʔͱͭͷࢠϨΠϠʔʹ෼͚ͯઃܭ 'PVOEBUJPO
    -BZPVU
    0CKFDU
    $44
26. '-0$44 w 'PVOEBUJPO
 Ϧηοτ΍σϑΥϧτͷελΠϧͳͲ
    w -BZPVU
 ϔομʔɺϑολʔɺαΠυόʔͳͷେ͖ͳ͘͘Γ
    
    MIFBEFS
    w 0CKFDU
 -BZPVUΛߏ੒͢ΔύʔπͷελΠϧ
    w $PNQPOFOU
 ࠶ར༻Ͱ͖Δ࠷΋খ͞ͳ୯ҐͷϞδϡʔϧ
    w 1SPKFDU
 ݻ༗ͷݟͨ໨Λ༗͢Δ΋ͷ
    w 6UJMJUZ
 DMFBSGJY΍NBSHJOͷௐ੔ɺςΩετͷ഑ஔɺԣ෯ࢦఆͳͲ
27. $44ઃܭ
28. ·ͱΊ w 1)1ɾ3VCZɾ1ZTPOɾ)BTLFMMͱ͔ۃΊΔඞཁ͸ͳ͍͚Ͳɺ ϓϩάϥϜతͳॻ͖ํΛֶͿඞཁ͕͋Δ
    w ঢ়گʹԠͯ͡ɺద੾ͳઃܭख๏ΛબͿ ن໿ͷগͳ͍ݴޠ͔ͩΒͦ͜ϓϩάϥϜతͳӡ༻͕ඞཁ