Submit Search
Upload
How to Win the Heart of CSS Boys
•
10 likes
•
2,169 views
拓樹 谷
Follow
JS Girls Tokyo #1 のライトニングトークセッションのスライドです。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 17
Download Now
Download to read offline
Recommended
CSS Components
CSS Components
拓樹 谷
CSS設計の理想と現実
CSS設計の理想と現実
拓樹 谷
Why Sass?
Why Sass?
拓樹 谷
メンテナブルでありつづけるためのCSS設計
メンテナブルでありつづけるためのCSS設計
拓樹 谷
Thinking about CSS Architecture
Thinking about CSS Architecture
拓樹 谷
Index
Index
grateful7
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
WordPressのテンプレートをカスタマイズするために必要なphpを初歩から解説
Takashi Uemura
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
Novedades de Front-end 2016 (CSS3, HTML5 y APIs Javascript)
Román Hernández
More Related Content
What's hot
Crea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPress
SkillsAndMore
Macdom html preprocesor
Macdom html preprocesor
Vladimír Macháček
jQuery & jQuery Mobile
jQuery & jQuery Mobile
Mohammad Raju
Code blogtangcan
Code blogtangcan
Quyên Lê
Programación Nativa de un CRUD
Programación Nativa de un CRUD
FUNDET ECUADOR
DOCUMENTACION PAGINA WEB PHP
DOCUMENTACION PAGINA WEB PHP
Dorian Xavier Bendezu Martinez
Jogos 3.0
Jogos 3.0
Fernanda Bernardo
J query aula01
J query aula01
Suissa
Un juego creado en php
Un juego creado en php
Erwin Lobo
Aplikasi Rich Internet HTML5 & CSS3 Developer Mozilla (Kelompok 3)
Aplikasi Rich Internet HTML5 & CSS3 Developer Mozilla (Kelompok 3)
Ade Shopyan
jQuery Tutorial
jQuery Tutorial
Eric ShangKuan
Patricia Ann Wigginton Medical Resume
Patricia Ann Wigginton Medical Resume
Patricia Wigginton
水生态基准方法学概述及建立我国水生态基准的探讨 -生态毒理学报(第一作者)
水生态基准方法学概述及建立我国水生态基准的探讨 -生态毒理学报(第一作者)
leongaber
box model
box model
jay li
CSS 101
CSS 101
Sofish Lin
Presentación WP Versión Keynote
Presentación WP Versión Keynote
José Fonseca
JS for Rails developers
JS for Rails developers
Timur Vafin
Intro to jQuery UI
Intro to jQuery UI
appendTo
Facebook app API Vs2.0
Facebook app API Vs2.0
Felix Rivas
Peek inside the fantastical Ukrainian Village home and studio of artists Jare...
Peek inside the fantastical Ukrainian Village home and studio of artists Jare...
irwinvifxcfesre
What's hot
(20)
Crea un tema compatibile con le ultime novità WordPress
Crea un tema compatibile con le ultime novità WordPress
Macdom html preprocesor
Macdom html preprocesor
jQuery & jQuery Mobile
jQuery & jQuery Mobile
Code blogtangcan
Code blogtangcan
Programación Nativa de un CRUD
Programación Nativa de un CRUD
DOCUMENTACION PAGINA WEB PHP
DOCUMENTACION PAGINA WEB PHP
Jogos 3.0
Jogos 3.0
J query aula01
J query aula01
Un juego creado en php
Un juego creado en php
Aplikasi Rich Internet HTML5 & CSS3 Developer Mozilla (Kelompok 3)
Aplikasi Rich Internet HTML5 & CSS3 Developer Mozilla (Kelompok 3)
jQuery Tutorial
jQuery Tutorial
Patricia Ann Wigginton Medical Resume
Patricia Ann Wigginton Medical Resume
水生态基准方法学概述及建立我国水生态基准的探讨 -生态毒理学报(第一作者)
水生态基准方法学概述及建立我国水生态基准的探讨 -生态毒理学报(第一作者)
box model
box model
CSS 101
CSS 101
Presentación WP Versión Keynote
Presentación WP Versión Keynote
JS for Rails developers
JS for Rails developers
Intro to jQuery UI
Intro to jQuery UI
Facebook app API Vs2.0
Facebook app API Vs2.0
Peek inside the fantastical Ukrainian Village home and studio of artists Jare...
Peek inside the fantastical Ukrainian Village home and studio of artists Jare...
Viewers also liked
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
拓樹 谷
Hartman chapters 1 4 dec6
Hartman chapters 1 4 dec6
jeffersonhartman
Locatieve Diensten Context 12-1-2010
Locatieve Diensten Context 12-1-2010
Fabrique
Scrum: Fast, furious & effective
Scrum: Fast, furious & effective
Fabrique
Business models | Wikilogia Bootcamp for SWDamascus
Business models | Wikilogia Bootcamp for SWDamascus
Wikilogia
Discov uga
Discov uga
Matt Petrovic
Types紹介
Types紹介
Takashi Hosoya
カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano
カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano
Hiroshi Urabe
Cheat Your Way With UX
Cheat Your Way With UX
stephtroeth
LESS is More
LESS is More
jsmith92
Webデザインと開発の未来
Webデザインと開発の未来
masaaki komori
WordPress 高速化 Pro Tips: フロントエンドの最適化
WordPress 高速化 Pro Tips: フロントエンドの最適化
masaaki komori
Agile for the rest of us
Agile for the rest of us
Anders Ramsay
Viewers also liked
(13)
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
Hartman chapters 1 4 dec6
Hartman chapters 1 4 dec6
Locatieve Diensten Context 12-1-2010
Locatieve Diensten Context 12-1-2010
Scrum: Fast, furious & effective
Scrum: Fast, furious & effective
Business models | Wikilogia Bootcamp for SWDamascus
Business models | Wikilogia Bootcamp for SWDamascus
Discov uga
Discov uga
Types紹介
Types紹介
カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano
カスタム投稿タイプ&カスタムタクソノミーの使い方 #wbNagano
Cheat Your Way With UX
Cheat Your Way With UX
LESS is More
LESS is More
Webデザインと開発の未来
Webデザインと開発の未来
WordPress 高速化 Pro Tips: フロントエンドの最適化
WordPress 高速化 Pro Tips: フロントエンドの最適化
Agile for the rest of us
Agile for the rest of us
How to Win the Heart of CSS Boys
1.
How to Win
the Heart of CSS Boys
2.
twitter: @hiloki Blog: inkdesign.jp Hiroki
Tani
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-button
js-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 Hiroki
Tani Cover Photo: www.flickr.com/photos/25969014@N06/6930963721/
Download Now