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.

Rebranding and updating the SilverStripe CMS interface

21 views

Published on

Skry Adamson from Christchurch City Council discusses rebranding and updating the SilverStripe CMS interface at the Christchurch SilverStripe Meetup, June 2019

Published in: Software
  • Be the first to comment

  • Be the first to like this

Rebranding and updating the SilverStripe CMS interface

  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? [show CSS folder]
  7. 7. How to manage multiple CSS/JS/image files in SilverStripe Managing CSS with multiple devs • Different devs work on different projects
  8. 8. 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
  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 • Style.css and Responsive.css are only used for site-wide styles
  10. 10. 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
  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 2. Helps reduce stylesheet creep
  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 3. Easy to instruct new devs
  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 Cons 1. There are a lot of style sheets, especially as the site is large
  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 2. It’s harder to find code if it could go in more than one stylesheet
  15. 15. How to manage sub-site deploys in SilverStripe • How many stylesheets is too many? • Managing CSS with multiple devs • How to stop CSS creep between styles
  16. 16. How to manage sub-site deploys in SilverStripe • How to target one site when needed • How to safely target multiple sites when only CSS is pushed, not JS or images • How to ensure you push CSS with necessary image/JS files to sub- sites
  17. 17. How to manage sub-site deploys in SilverStripe • How to target one site when needed • How to safely target multiple sites when only CSS is pushed, not JS or images • How to ensure you push CSS with necessary image/JS files to sub- sites
  18. 18. How to manage sub-site deploys in SilverStripe • How to target one site when needed • How to safely target multiple sites when only CSS is pushed, not JS or images • How to ensure you push CSS with necessary image/JS files to sub- sites

×