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

Web Components時代のCSSデザイン/web-components-css-design

Web Components時代のCSSデザイン/web-components-css-design

HTML5 Experts.jpの対談企画での発表資料です。
https://www.facebook.com/events/831024777036209/

Masahiko Sakakibara

April 05, 2017
Tweet

More Decks by Masahiko Sakakibara

Other Decks in Technology

Transcript

  1. ‣ $PNQPOFOUT୯ҐͰσβΠϯ͓ئ͍ͯ͠Δͷʹɺඍົʹ࢓ ༷ͷҧ͏$PNQPOFOUT ‣ ۠੾Γઢม͑ΔҙຯͲ͜ʹ͋Δͷʁʂ ‣ Ͳ͕͜Өڹͯ͘͠Δ͔Θ͔Βͳ͍$44 ‣ JNQPSUBOUͷཚ༻ ‣

    ৑௕ͳ$44ઃܭʹΑΔDMBTT໊Λ͚ͭΔͨΊ͚ͩͷEJW஍ ࠈ ‣ σόΠεຖͷදࣔͰߋʹEJW஍ࠈ ‣ ࢖͍ͬͯͳ͍͸ͣͳͷʹࣺ͍͍͔ͯͯ೰ΉDMBTT ‣ ͔͠΋ݸਓ͝ͱʹઃܭࢥ૝ඍົʹҧ͍ͬͯͳ͍ʁʂ ݱ࣮
  2. ৽ٕज़ʮ8FC$PNQPOFOUTʯ %F/"%&4*(/#-0(ΑΓʢIUUQEFTJHOEFOBDPNʣ <ion-button><ion-icon name="heart"></ion-icon>いいね</ion-button> <button full="" ion-button="" class="button button-md button-default

    button-default-md button-full button-full-md" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transition: none;"><span class="button-inner"><ion-icon name="heart" role="img" class="icon icon-md ion-md-heart" aria- label="heart"></ion-icon>いいね</span><div class="button-effect"></ div></button>