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
スタートアップの技術顧問を3年間続けて発生した事と気付き
biwakonbu
0
160
Databricksを活用してDELISH KITCHENのレシピレコメンドを開発した話
furu8
0
250
現代CSSフレームワークの内部実装とその仕組み
poteboy
3
1.3k
SREとその組織類型
tatsuo48
8
1.5k
「共通基盤」を超えよ! 今、Platform Engineeringに取り組むべき理由
jacopen
25
5.9k
Cloud Native Java with Spring Boot (CNCF Aarhus, April 2024)
thomasvitale
1
130
PHPカンファレンス小田原2024
ysknsid25
3
660
自動生成を活用した、運用保守コストを抑える Error/Alert/Runbook の一元集約管理 / Centralized management of Error/Alert/Runbook to minimize operational costs using automated code generation
biwashi
9
2.1k
Postman v10リリース後を振り返る
nagix
0
130
ここが嬉しいABAC ここが辛いよABAC #再解説+補足編
masahirokawahara
0
220
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
470
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
160
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
How to train your dragon (web standard)
notwaldorf
72
5.1k
Into the Great Unknown - MozCon
thekraken
10
980
The Cost Of JavaScript in 2023
addyosmani
14
3.8k
Web development in the modern age
philhawksworth
202
10k
Typedesign – Prime Four
hannesfritz
36
2.1k
Being A Developer After 40
akosma
56
580k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.3k
Producing Creativity
orderedlist
PRO
336
39k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
Agile that works and the tools we love
rasmusluckow
324
20k
The Illustrated Children's Guide to Kubernetes
chrisshort
29
46k
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