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
580
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
AIとともに歩んでいくデザイナーの役割の変化
lycorptech_jp
PRO
0
470
新規事業におけるGORM+SQLx併用アーキテクチャ
hacomono
PRO
0
330
[Codex Meetup Japan #1] Codex-Powered Mobile Apps Development
korodroid
2
990
Claude Code Subagents 再入門 ~cc-sddの実装で学んだこと~
gotalab555
10
16k
Data Hubグループ 紹介資料
sansan33
PRO
0
2.2k
Contract One Engineering Unit 紹介資料
sansan33
PRO
0
8.8k
セキュアな認可付きリモートMCPサーバーをAWSマネージドサービスでつくろう! / Let's build an OAuth protected remote MCP server based on AWS managed services
kaminashi
3
350
初めてのDatabricks Apps開発
taka_aki
1
140
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
250
Introduction to Sansan Meishi Maker Development Engineer
sansan33
PRO
0
310
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3k
AWSでAgentic AIを開発するための前提知識の整理
nasuvitz
2
190
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.8k
Statistics for Hackers
jakevdp
799
220k
Why Our Code Smells
bkeepers
PRO
340
57k
Site-Speed That Sticks
csswizardry
13
910
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Music & Morning Musume
bryan
46
6.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
Six Lessons from altMBA
skipperchong
29
4k
It's Worth the Effort
3n
187
28k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
35
6.1k
The Pragmatic Product Professional
lauravandoore
36
6.9k
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)