How to Win the Heart of CSS Boys

twitter: @hiloki Blog: inkdesign.jp

Hiroki Tani

JavaScript HTML/CSSB

$('.setting-profile .save-button') .on('click', function(e){ ... });

ST

<div class="setting-profile"> ... <button class="save-button"> Save! </button></div>

<div class="profile"> ... <button class="profile__save-button"> Save! </button></div>

ST

$('.js-save-profile') .on('click', function(e){ ... });

QB

.js-save-profile { ...}

Rc

.js-save-profile { ...}

<div class="setting-profile"> ... <button class="save-button js-save-profile"> Save! </button></div>

<div class="profile"> ... <button class="profile__save-button js-save-profile"> Save! </button></div>

QB

$('.js-close').on('click', function(){ $(this).parent().parent().parent() .hide();});

ST

$('.js-close').on('click', function(){ $(this).closest('.js-container') .hide();});

QB

$('.register-button').css({ 'opacity': '0.5', ‘background-color': '#ccc'});

ST

$('.register-button') .addClass(‘is-disabled');

QB

B9

ThanksZ

twitter: @hiloki Blog: inkdesign.jp

Hiroki Tani

Cover Photo: www.flickr.com/photos/25969014@N06/6930963721/