how to win the heart of css boys
DESCRIPTION
JS Girls Tokyo #1 のライトニングトークセッションのスライドです。TRANSCRIPT
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/