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
74
Stick Bootstrap into Polymer
takanorip
April 23, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
600
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
Bulletproof Design System with TypeScript
takanorip
7
4.2k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
170
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
950
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
15
7.5k
社内管理画面のデザインもプロダクトデザイン
takanorip
5
2.1k
早わかり W3C Community Group
takanorip
0
510
Ubieとアクセシビリティのこれからを考える
takanorip
0
480
Other Decks in Technology
See All in Technology
だいたい分かった気になる 『SREの知識地図』 / introduction-to-sre-knowledge-map-book
katsuhisa91
PRO
3
1.2k
私のMCPの使い方
tsubakimoto_s
0
120
それでも私が品質保証プロセスを作り続ける理由 #テストラジオ / Why I still continue to create QA process
pineapplecandy
0
150
webpack依存からの脱却!快適フロントエンド開発をViteで実現する #vuefes
bengo4com
2
1.7k
エンタメとAIのための3Dパラレルワールド構築(GPU UNITE 2025 特別講演)
pfn
PRO
0
620
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
14k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
Digitization部 紹介資料
sansan33
PRO
1
5.6k
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
17k
MCP ✖️ Apps SDKを触ってみた
hisuzuya
0
280
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
初めてのDatabricks Apps開発
taka_aki
1
240
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
7
280
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Site-Speed That Sticks
csswizardry
13
920
Embracing the Ebb and Flow
colly
88
4.9k
Visualization
eitanlees
149
16k
Thoughts on Productivity
jonyablonski
70
4.9k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
630
A Tale of Four Properties
chriscoyier
161
23k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
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)