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
Style Sheet Packaging
Search
Rob Taylor
June 01, 2012
Technology
3
73
Style Sheet Packaging
A presentation on packaging of stylesheets used on the TViPlayer sites.
Rob Taylor
June 01, 2012
Tweet
Share
More Decks by Rob Taylor
See All by Rob Taylor
Scope and Closures
manix84
0
110
Other Decks in Technology
See All in Technology
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
2
600
Grafana x PagerDuty Better Together
jacopen
1
270
2023年度にEMとして頑張ったこと
ikefukurou777
0
100
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
3
3.3k
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
280
Next.js に疲れた私は Vue3 に癒やされた
akagire
0
140
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
820
高専で制御を、大学でセンシングを学び、次は脳みそ
satoshirobatofujimoto
0
100
開発パフォーマンスを最大化するための開発体制
ham0215
7
1.2k
Google Cloud Next '24 Recap(Cloud Run/k8s)
mokocm
0
340
アクセス制御にまつわる改善 / Improving access control
itkq
0
590
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.2k
Featured
See All Featured
Become a Pro
speakerdeck
PRO
13
4.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
15
1.6k
Producing Creativity
orderedlist
PRO
338
39k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
A Tale of Four Properties
chriscoyier
152
22k
What's in a price? How to price your products and services
michaelherold
238
11k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Embracing the Ebb and Flow
colly
80
4.2k
Web Components: a chance to create the future
zenorocha
306
41k
Transcript
Rob Taylor Style Sheet Packaging ...Why It's Important for TViPlayer
This is good, but not great. What's the problem?
This would be much better. What do we want?
How do we get there? •Smaller Files •Fewer File Calls
•Static files for Int/Test/Stage/Live •Variables
What could we use? •LessCSS •It bloats the output badly
•No centralised variables •No concatenation •No optimisation
What did we do? •Built a Packaging Process •Concatenates CSS
•Replaces Any Variables •Optimises with CSSTidy •View Packages without Building •Concatenates CSS •Replaces Any Variables •Output through a PAL View
What are the advantages? It's Fast!
What are the advantages? We have $variables
What are the advantages? It's Optimised Nice and Unreadable :)
What are the disadvantages? It's harder to debug
What are the disadvantages? URLs are relative to /style not
to the files location.
What are the disadvantages? Packages must be kept up to
date Otherwise, things start to look... odd.
Conclusion... Pros: •It's Fast •It's got $variables •It's optimised Cons:
•Harder debugging •URLs have moved •Update regularly
Q & A Can't promise I know the answer, but
I'll try. http://bit.ly/cssSlides