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

押さえておきたい「実践で使うcssのポイント&Emmet紹介」

 押さえておきたい「実践で使うcssのポイント&Emmet紹介」

2019年12月7日実施

More Decks by 株式会社エッグシステム

Other Decks in Programming

Transcript

  1. HTML/CSS



    css Emmet

    View Slide

  2. E
    K
    O

    View Slide

  3. 2 6 /
    C /
    C /
    W O W
    e e b
    S
    E

    View Slide

  4. 2
    K
    O 1 / 1

    View Slide

  5. S
    C
    S
    /
    /
    C C

    View Slide






  6. View Slide

  7. "$
    10%,



    +(-.!
    #)*&

    10
    /'

    View Slide



  8. 3
    5*1
    (,. )- &#!42'
    $ !%"+/Code Pen0
    https://codepen.io/

    View Slide

  9. n
    e
    a !
    >d hp ai l H
    > l H g MC= Ldm o
    css l c
    LP< L T

    View Slide

  10. css
    C
    C
    %
    %
    %
    % %

    View Slide

  11. Emmet

    Emmet



    View Slide


  12. Web

    https://www.webcreatorbox.com/
    LIG
    https://liginc.co.jp/blog

    https://coliss.com/

    https://saruwakakun.com/

    View Slide


  13. Web
    Mana

    View Slide

  14. 2-04
    & %,)(#OK
    3
    /.+
    !$ 1

    6"Web'*75

    View Slide





  15. View Slide



  16. View Slide