how to win the heart of css boys
DESCRIPTION
JS Girls Tokyo #1 のライトニングトークセッションのスライドです。TRANSCRIPT
![Page 1: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/1.jpg)
How to Win the Heart of CSS Boys
![Page 2: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/2.jpg)
twitter: @hiloki Blog: inkdesign.jp
Hiroki Tani
![Page 3: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/3.jpg)
JavaScript HTML/CSSB
![Page 4: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/4.jpg)
$('.setting-profile .save-button') .on('click', function(e){ ... });
ST
![Page 5: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/5.jpg)
<div class="setting-profile"> ... <button class="save-button"> Save! </button></div>
![Page 6: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/6.jpg)
<div class="profile"> ... <button class="profile__save-button"> Save! </button></div>
ST
![Page 7: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/7.jpg)
$('.js-save-profile') .on('click', function(e){ ... });
QB
![Page 8: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/8.jpg)
.js-save-profile { ...}
![Page 9: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/9.jpg)
Rc
.js-save-profile { ...}
![Page 10: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/10.jpg)
<div class="setting-profile"> ... <button class="save-button js-save-profile"> Save! </button></div>
![Page 11: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/11.jpg)
<div class="profile"> ... <button class="profile__save-button js-save-profile"> Save! </button></div>
QB
![Page 12: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/12.jpg)
$('.js-close').on('click', function(){ $(this).parent().parent().parent() .hide();});
ST
![Page 13: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/13.jpg)
$('.js-close').on('click', function(){ $(this).closest('.js-container') .hide();});
QB
![Page 14: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/14.jpg)
$('.register-button').css({ 'opacity': '0.5', ‘background-color': '#ccc'});
ST
![Page 15: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/15.jpg)
$('.register-button') .addClass(‘is-disabled');
QB
![Page 16: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/16.jpg)
B9
![Page 17: How to Win the Heart of CSS Boys](https://reader033.vdocument.in/reader033/viewer/2022050816/54c78b304a7959a4108b4579/html5/thumbnails/17.jpg)
ThanksZ
twitter: @hiloki Blog: inkdesign.jp
Hiroki Tani
Cover Photo: www.flickr.com/photos/25969014@N06/6930963721/