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
68
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
780
効果的な管理画面を デザインをするために 避けるべき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
Goで作って学ぶWebSocket
ryuichi1208
3
2.8k
データベースの負荷を紐解く/untangle-the-database-load
emiki
2
520
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
150
【内製開発Summit 2025】イオンスマートテクノロジーの内製化組織の作り方/In-house-development-summit-AST
aeonpeople
2
680
What's new in Go 1.24?
ciarana
1
110
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
220
【Findy】「正しく」失敗できる チームの作り方 〜リアルな事例から紐解く失敗を恐れない組織とは〜 / A team that can fail correctly by findy
i35_267
5
900
クラウド食堂とは?
hiyanger
0
120
クラウド関連のインシデントケースを収集して見えてきたもの
lhazy
8
1.2k
JavaにおけるNull非許容性
skrb
2
2.6k
Active Directory攻防
cryptopeg
PRO
8
5.5k
OPENLOGI Company Profile
hr01
0
60k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Thoughts on Productivity
jonyablonski
69
4.5k
A Tale of Four Properties
chriscoyier
158
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Building Adaptive Systems
keathley
40
2.4k
Six Lessons from altMBA
skipperchong
27
3.6k
Become a Pro
speakerdeck
PRO
26
5.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
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)