Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Skry Adamson at the SilverStripe Christchurch Meetup

26 views

Published on

Template organisation, subsite organisation and upgrading code.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Skry Adamson at the SilverStripe Christchurch Meetup

  1. 1. Template organisation, subsite organisation and upgrading code By Skry Adamson
  2. 2. How to manage multiple CSS/JS/image files in SilverStripe • How many stylesheets is too many? • Managing CSS with multiple devs • How to stop CSS creep between styles?
  3. 3. How to manage multiple CSS/JS/image files in SilverStripe How many stylesheets is too many? 1. A framework like Bootstrap, Skeleton, Foundation, etc.
  4. 4. How to manage multiple CSS/JS/image files in SilverStripe How many stylesheets is too many? 1. A framework like Bootstrap, Skeleton, Foundation, etc. 2. Style.css to style/override the framework where necessary
  5. 5. How to manage multiple CSS/JS/image files in SilverStripe How many stylesheets is too many? 1. A framework like Bootstrap, Skeleton, Foundation, etc. 2. Style.css to style/override the framework where necessary 3. Maybe a fontset like FontAwesome, Glyphicons, etc.
  6. 6. How to manage multiple CSS/JS/image files in SilverStripe How many stylesheets is too many? 40 stylesheets sounds a bit excessive for one site. Our website is around 5 years old and has picked up a bit of bloat, but we try to keep it as lean as possible. But when you include subfolders…
  7. 7. How to manage multiple CSS/JS/image files in SilverStripe How many stylesheets is too many? …there are actually 70 in the CCC Public Website instance!
  8. 8. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs • Different devs work on different projects
  9. 9. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs • Different devs work on different projects • Each large project gets its own stylesheet
  10. 10. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs • Different devs work on different projects • Each large project gets its own stylesheet • Style.css and Responsive.css are only used for site-wide styles
  11. 11. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs Pros 1. It’s easy to find styles when they need updating
  12. 12. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs Pros 1. It’s easy to find styles when they need updating 2. Helps reduce stylesheet creep
  13. 13. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs Pros 1. It’s easy to find styles when they need updating 2. Helps reduce stylesheet creep 3. Easy to instruct new devs
  14. 14. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs Pros 1. It’s easy to find styles when they need updating 2. Helps reduce stylesheet creep 3. Easy to instruct new devs Cons 1. There are a lot of style sheets, especially as the site is large
  15. 15. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs Pros 1. It’s easy to find styles when they need updating 2. Helps reduce stylesheet creep 3. Easy to instruct new devs Cons 1. There are a lot of style sheets, especially as the site is large 2. It’s harder to find code if it could go in more than one stylesheet
  16. 16. How to manage multiple CSS/JS/image files in SilverStripe How to stop CSS creep between styles?
  17. 17. How to manage subsite module deploys in SilverStripe 1. How to ensure you push CSS/JS with necessary image files to subsites when SS only pushes code (i.e. CSS/JS), not images D E P L O Y
  18. 18. How to manage subsite module deploys in SilverStripe 1. How to ensure you push CSS/JS with necessary image files to subsites when SS only pushes code (i.e. CSS/JS), not images D E P L O Y
  19. 19. How to manage subsite module deploys in SilverStripe 1. How to ensure you push CSS/JS with necessary image files to subsites when SS only pushes code (i.e. CSS/JS), not images D E P L O Y
  20. 20. How to manage subsite module deploys in SilverStripe 1. How to ensure you push CSS/JS with necessary image files to subsites when SS only pushes code (i.e. CSS/JS), not images D E P L O Y
  21. 21. How to manage subsite module deploys in SilverStripe 2. How to target one subsite module when needed

×