How to Win the Heart of CSS Boys

How to Win the Heart of CSS Boys

• 1.
  How to Winthe Heart of CSS Boys
• 2.
  twitter: @hiloki Blog: inkdesign.jp HirokiTani
• 3.
  JavaScript HTML/CSSB
• 4.
  $('.setting-profile .save-button') .on('click',function(e){ ... }); S T
• 5.
  <div class="setting-profile"> ... <button class="save-button"> Save! </button> </div>
• 6.
  <div class="profile"> ... <button class="profile__save-button"> Save! </button> </div> S T
• 7.
  $('.js-save-profile') .on('click', function(e){ ... }); Q B
• 8.
  .js-save-profile { ... }
• 9.
  R c .js-save-profile { ... }
• 10.
  <div class="setting-profile"> ... <button class="save-buttonjs-save-profile"> Save! </button> </div>
• 11.
  <div class="profile"> ... <button class="profile__save-button js-save-profile"> Save! </button> </div> Q B
• 12.
  $('.js-close').on('click', function(){ $(this).parent().parent().parent() .hide(); }); S T
• 13.
  $('.js-close').on('click', function(){ $(this).closest('.js-container') .hide(); }); Q B
• 14.
  $('.register-button').css({ 'opacity': '0.5', ‘background-color': '#ccc' }); S T
• 15.
  $('.register-button') .addClass(‘is-disabled'); Q B
• 16.
  B9
• 17.
  Thanks Z twitter: @hiloki Blog: inkdesign.jp HirokiTani Cover Photo: www.flickr.com/photos/25969014@N06/6930963721/