Style Sheet Packaging

A presentation on packaging of stylesheets used on the TViPlayer sites.

Transcript

1. Rob Taylor Style Sheet Packaging ...Why It's Important for TViPlayer
2. This is good, but not great. What's the problem?
3. This would be much better. What do we want?
4. How do we get there? •Smaller Files •Fewer File Calls •Static files for Int/Test/Stage/Live •Variables
5. What could we use? •LessCSS •It bloats the output badly •No centralised variables •No concatenation •No optimisation
6. 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
7. What are the advantages? It's Fast!
8. What are the advantages? We have $variables
9. What are the advantages? It's Optimised Nice and Unreadable :)
10. What are the disadvantages? It's harder to debug
11. What are the disadvantages? URLs are relative to /style not to the files location.
12. What are the disadvantages? Packages must be kept up to date Otherwise, things start to look... odd.
13. Conclusion... Pros: •It's Fast •It's got $variables •It's optimised Cons: •Harder debugging •URLs have moved •Update regularly
14. Q & A Can't promise I know the answer, but I'll try. http://bit.ly/cssSlides