Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Stick Bootstrap into Polymer
Search
takanorip
April 23, 2018
Technology
0
69
Stick Bootstrap into Polymer
takanorip
April 23, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
100
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
790
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.9k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.8k
早わかり W3C Community Group
takanorip
0
460
Ubieとアクセシビリティのこれからを考える
takanorip
0
420
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.8k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
Other Decks in Technology
See All in Technology
20250304_赤煉瓦倉庫_DeepSeek_Deep_Dive
hiouchiy
2
120
OPENLOGI Company Profile
hr01
0
60k
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
200
AI自体のOps 〜LLMアプリの運用、AWSサービスとOSSの使い分け〜
minorun365
PRO
9
820
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
250
Amazon Athenaから利用時のGlueのIcebergテーブルのメンテナンスについて
nayuts
0
110
What's new in Go 1.24?
ciarana
1
110
AIエージェント入門
minorun365
PRO
33
19k
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
780
ウォンテッドリーのデータパイプラインを支える ETL のための analytics, rds-exporter / analytics, rds-exporter for ETL to support Wantedly's data pipeline
unblee
0
140
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
5.5k
Potential EM 制度を始めた理由、そして2年後にやめた理由 - EMConf JP 2025
hoyo
2
3k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.6k
Building Your Own Lightsaber
phodgson
104
6.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Side Projects
sachag
452
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
Code Review Best Practice
trishagee
67
18k
Site-Speed That Sticks
csswizardry
4
410
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Navigating Team Friction
lara
183
15k
Designing for Performance
lara
605
68k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Transcript
Stick Bootstrap into Polymer Takanori Oki @Web Components Cafe 2018/04/23
Self-Introduction • Takanori Oki ( @takanorip ) • SmartDrive Inc.
• Frontend Developer • Nuxt.jsɺReactɺPolymer… • Love fonts
None
I want to use CSS Frameworks for example Bootstrap
granite-bootstrap • Wrapping of Bootstrap CSS as Polymer shared styles
modules • Replace and Update polymer-bootstrap
None
None
None
None
If you write this way, the layout collapses…
Solution?
None
None
DEMO
It is difficult to thinking about CSS in Polymer…
Generate style modules • Use granite-css-modularizer • A small node
script to generate Polymer style modules from CSS files
Publicity
I published a book about Web Font!
None
None
None
Thank you! (font : Metropolis)