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
72
Stick Bootstrap into Polymer
takanorip
April 23, 2018
Tweet
Share
More Decks by takanorip
See All by takanorip
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
340
Bulletproof Design System with TypeScript
takanorip
6
3.6k
Eleventy3.0 で始める爆速個人ブログ開発!
takanorip
0
140
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
900
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
7.3k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
2k
早わかり W3C Community Group
takanorip
0
500
Ubieとアクセシビリティのこれからを考える
takanorip
0
460
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.9k
Other Decks in Technology
See All in Technology
Sansanのデータプロダクトマネジメントのアプローチ
sansantech
PRO
0
230
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
210
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
450
american aa airlines®️ USA Contact Numbers: Complete 2025 Support Guide
aaguide
0
500
Claude Code に プロジェクト管理やらせたみた
unson
8
4.9k
TableauLangchainとは何か?
cielo1985
1
150
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
1
310
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
120
LLM時代の検索
shibuiwilliam
2
640
SREのためのeBPF活用ステップアップガイド
egmc
2
900
microCMSではじめるAIライティング
himaratsu
0
120
AWS CDKの仕組み / how-aws-cdk-works
gotok365
10
890
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Being A Developer After 40
akosma
90
590k
Gamification - CAS2011
davidbonilla
81
5.4k
A designer walks into a library…
pauljervisheath
207
24k
A better future with KSS
kneath
238
17k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
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)