Suche senden
Hochladen
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
•
8 gefällt mir
•
2,498 views
Kuro Hsu
Folgen
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3 2016/06/28
Weniger lesen
Mehr lesen
Bildung
Melden
Teilen
Melden
Teilen
1 von 59
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Frontend django, Django Web 前端探索
Frontend django, Django Web 前端探索
Tim (文昌)
Make your website 2 times faster
Make your website 2 times faster
Satoshi Kikuchi
How to Build a Bespoke Page Builder in WordPress
How to Build a Bespoke Page Builder in WordPress
Gerald Glynn
Bootstrap Workout 2015
Bootstrap Workout 2015
Rob Davarnia
Basics of Front End Web Dev PowerPoint
Basics of Front End Web Dev PowerPoint
Sahil Gandhi
Webmonkey
Webmonkey
isac Lagerblad
JimdoのTips
JimdoのTips
Hiromitsu Miyanishi
面向测试的前端知识
面向测试的前端知识
chencheng 云谦
Weitere ähnliche Inhalte
Was ist angesagt?
The way to be a developer "What I Need"
The way to be a developer "What I Need"
egyappassiut
งานคอมแชมป
งานคอมแชมป
Thanawat Spdf Wongnang
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy
Michelle Barker
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!
Michelle Barker
Web design v roku 2013
Web design v roku 2013
vibration.sk
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
Future Insights
JavaScript Like It’s 2013
JavaScript Like It’s 2013
OutSystems
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
Brad Frost
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
将一 深見
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
Brad Frost
SPSUK Automated UI Testing
SPSUK Automated UI Testing
21apps
Twitter bootstrap2.0 taste
Twitter bootstrap2.0 taste
Tencent
Static Websites - The Final Frontier
Static Websites - The Final Frontier
Juho Vepsäläinen
Drupal and the Future of the Web
Drupal and the Future of the Web
John Albin Wilkins
Bootstrap vs. Skeleton
Bootstrap vs. Skeleton
Juho Vepsäläinen
Prototyping and Wireframing tools
Prototyping and Wireframing tools
Damian T. Gordon
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Brad Frost
Was ist angesagt?
(19)
The way to be a developer "What I Need"
The way to be a developer "What I Need"
งานคอมแชมป
งานคอมแชมป
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!
Web design v roku 2013
Web design v roku 2013
Front End Development - Beyond Javascript (Robin Cannon)
Front End Development - Beyond Javascript (Robin Cannon)
JavaScript Like It’s 2013
JavaScript Like It’s 2013
Atomic Design - An Event Apart San Diego
Atomic Design - An Event Apart San Diego
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
Atomic Design - BDConf Nashville, 2013
Atomic Design - BDConf Nashville, 2013
SPSUK Automated UI Testing
SPSUK Automated UI Testing
Twitter bootstrap2.0 taste
Twitter bootstrap2.0 taste
Static Websites - The Final Frontier
Static Websites - The Final Frontier
Drupal and the Future of the Web
Drupal and the Future of the Web
Bootstrap vs. Skeleton
Bootstrap vs. Skeleton
Prototyping and Wireframing tools
Prototyping and Wireframing tools
Beyond Squishy: The Principles of Adaptive Design
Beyond Squishy: The Principles of Adaptive Design
Andere mochten auch
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Kuro Hsu
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
Kuro Hsu
鐵道女孩向前衝-RubyKaigi心得分享
鐵道女孩向前衝-RubyKaigi心得分享
Yu-Chen Chen
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
Kuro Hsu
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
Kuro Hsu
Vue js 大型專案架構
Vue js 大型專案架構
Hina Chen
工程師必備第一工具 - Git
工程師必備第一工具 - Git
Alan Tsai
Ruby on Rails为什么这么红?
Ruby on Rails为什么这么红?
Nathan Chen
Slack 基本功能介紹
Slack 基本功能介紹
Chih-cheng Wang
專業前端 都如何管理 CSS
專業前端 都如何管理 CSS
Chih-cheng Wang
深入淺出RWD自適應網頁設計
深入淺出RWD自適應網頁設計
Marie Chang
[朝陽科大] D3.js 資料視覺化入門
[朝陽科大] D3.js 資料視覺化入門
Kuro Hsu
沒有 GUI 的 Git
沒有 GUI 的 Git
Chia Wei Tsai
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
Will Huang
豆瓣数据架构实践
豆瓣数据架构实践
Xupeng Yun
MySQL技术分享:一步到位实现mysql优化
MySQL技术分享:一步到位实现mysql优化
Jinrong Ye
改變行為的設計:一些理論
改變行為的設計:一些理論
Vivian Chen
Python的50道陰影
Python的50道陰影
Tim (文昌)
簡報製作心法1
簡報製作心法1
Cheng-Hsien Huang
柔道影片
柔道影片
駿國 陳
Andere mochten auch
(20)
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
Rails Girls Weekly - 初探前端網頁技術 JavaScript 1/3
第一次用 Vue.js 就愛上 [改]
第一次用 Vue.js 就愛上 [改]
鐵道女孩向前衝-RubyKaigi心得分享
鐵道女孩向前衝-RubyKaigi心得分享
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
[JSDC 2015] Turf.js - 地理資訊的分析與地圖視覺化
Vue js 大型專案架構
Vue js 大型專案架構
工程師必備第一工具 - Git
工程師必備第一工具 - Git
Ruby on Rails为什么这么红?
Ruby on Rails为什么这么红?
Slack 基本功能介紹
Slack 基本功能介紹
專業前端 都如何管理 CSS
專業前端 都如何管理 CSS
深入淺出RWD自適應網頁設計
深入淺出RWD自適應網頁設計
[朝陽科大] D3.js 資料視覺化入門
[朝陽科大] D3.js 資料視覺化入門
沒有 GUI 的 Git
沒有 GUI 的 Git
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
豆瓣数据架构实践
豆瓣数据架构实践
MySQL技术分享:一步到位实现mysql优化
MySQL技术分享:一步到位实现mysql优化
改變行為的設計:一些理論
改變行為的設計:一些理論
Python的50道陰影
Python的50道陰影
簡報製作心法1
簡報製作心法1
柔道影片
柔道影片
Ähnlich wie Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Doug Devitre
Blogs 101 and Websites for Free
Blogs 101 and Websites for Free
cat509
Twitter start guide for brandream
Twitter start guide for brandream
Home
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Jinho Jung
Weather for Grade 2
Weather for Grade 2
Jamie Martha Munoz
how to compose blog
how to compose blog
burin rujjanapan
ใบงานที่ 2
ใบงานที่ 2
'Ibanez Fender
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
noeiinoii
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
noeiinoii
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
noeiinoii
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
noeiinoii
Sources
Sources
Kelly Carroll
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
Eric Swayne
0utils seo
0utils seo
Digiconsult
Twitter bootstrap入門 #twtr_hack
Twitter bootstrap入門 #twtr_hack
Toshiaki Maki
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
Steve Morgan
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
Atsushi Harada
Www.shoes cheaper.com
Www.shoes cheaper.com
carl
Eight Ways to Engage Your Audience Using Social Media
Eight Ways to Engage Your Audience Using Social Media
Alberta Geological Survey
Building online learning communities kristin
Building online learning communities kristin
ksigovich
Ähnlich wie Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
(20)
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Social Media Shortcuts to More Sales, Security, and Success - National Speake...
Blogs 101 and Websites for Free
Blogs 101 and Websites for Free
Twitter start guide for brandream
Twitter start guide for brandream
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Twitter Start Guide : 초보자를 위한 트위터 완전정복 가이드
Weather for Grade 2
Weather for Grade 2
how to compose blog
how to compose blog
ใบงานที่ 2
ใบงานที่ 2
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8 แก้แล้ว
งานคอม ใบงานที่ 2 8
งานคอม ใบงานที่ 2 8
Sources
Sources
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
Social Analytics Reporting Workshop - Dallas Digital Summit 2014
0utils seo
0utils seo
Twitter bootstrap入門 #twtr_hack
Twitter bootstrap入門 #twtr_hack
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
Choose Your Own Adventure: SEO For Web Developers | Unified Diff
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方
Www.shoes cheaper.com
Www.shoes cheaper.com
Eight Ways to Engage Your Audience Using Social Media
Eight Ways to Engage Your Audience Using Social Media
Building online learning communities kristin
Building online learning communities kristin
Kürzlich hochgeladen
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
MJDuyan
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
Dr. Asif Anas
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
raviapr7
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
NetziValdelomar1
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
MYDA ANGELICA SUAN
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
Conquiztadors- the Quiz Society of Sri Venkateswara College
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
Celine George
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
UKCGE
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
Sandy Millin
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
Nguyen Thanh Tu Collection
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
Celine George
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
Sayali Powar
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
MohonDas
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
iammrhaywood
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
Yu Kanazawa / Osaka University
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Katherine Villaluna
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
CaraSkikne1
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
Dr. Santhosh Kumar. N
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
TechSoup
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
raviapr7
Kürzlich hochgeladen
(20)
Benefits & Challenges of Inclusive Education
Benefits & Challenges of Inclusive Education
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
Patterns of Written Texts Across Disciplines.pptx
Patterns of Written Texts Across Disciplines.pptx
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
UKCGE Parental Leave Discussion March 2024
UKCGE Parental Leave Discussion March 2024
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
Quality Assurance_GOOD LABORATORY PRACTICE
Quality Assurance_GOOD LABORATORY PRACTICE
HED Office Sohayok Exam Question Solution 2023.pdf
HED Office Sohayok Exam Question Solution 2023.pdf
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
AUDIENCE THEORY -- FANDOM -- JENKINS.pptx
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
What is the Future of QuickBooks DeskTop?
What is the Future of QuickBooks DeskTop?
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Rails Girls Weekly - 初探前端網頁技術 JavaScript 3/3
1.
Rails Girls Weekly -
week 3 Kuro Hsu 2016/06/28
2.
about me • Kuro
Hsu • • kurotanshi [at] gmail.com • http://kuro.tw
4.
https://jsbin.com/ JS BIN
5.
Bootstrap
6.
Bootstrap ? • Bootstrap •
Twitter • RWD • jQuery •
7.
Bootstrap
8.
http://goo.gl/qSYNPq class
15.
CDN
16.
Bootstrap CSS, JS Bootstrap HTML
21.
12 http://goo.gl/kFdYGd
22.
?
24.
?
26.
? ? ?
30.
.col-xs-* .col-sm-* .col-md-* .col-lg-*
32.
http://www.w3schools.com/bootstrap/bootstrap_theme_me.asp
33.
http://goo.gl/SEdQqT
34.
• • • • • • • • http://getbootstrap.com/css/
35.
• • • • Hover • • • http://getbootstrap.com/css/#tables
36.
• • • • • http://getbootstrap.com/css/#buttons
37.
• • • •
40.
Boostrap jQuery
45.
https://goo.gl/UlcqJV http://goo.gl/k2KETo
46.
http://www.w3schools.com/bootstrap/bootstrap_theme_me.asp
47.
• Bootstrap • Bootstrap
HTML / CSS • Bootstrap jQuery Plugins • Bootstrap
49.
http://getbootstrap.com/
50.
https://kkbruce.tw/bs3
51.
http://www.w3schools.com/bootstrap/default.asp
59.
Thanks
Jetzt herunterladen