Soumettre la recherche
Mettre en ligne
How to Win the Heart of CSS Boys
•
10 j'aime
•
2,169 vues
拓樹 谷
Suivre
JS Girls Tokyo #1 のライトニングトークセッションのスライドです。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 17
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
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
Recommandé
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
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
CSSプリプロセッサの取扱説明書
CSSプリプロセッサの取扱説明書
拓樹 谷
Hartman chapters 1 4 dec6
Hartman chapters 1 4 dec6
jeffersonhartman
Contenu connexe
Tendances
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
Tendances
(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...
En vedette
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
En vedette
(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/
Télécharger maintenant