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.

Publishing kick-ass webpages using Confluence and Scroll Viewport at CatWorkX Midsummer Day 2014

1,858 views

Published on

Slidedeck of Stefan Kleineikenscheidt's presentation about Scroll Viewport for Atlassian Confluence at the CatWorkX Midsummer Day 2014 in Hamburg

See http://www.catworkx.de/aktuelles/events/catworkx-midsummer-day-2014-eng

Published in: Technology, Design
  • Be the first to comment

Publishing kick-ass webpages using Confluence and Scroll Viewport at CatWorkX Midsummer Day 2014

  1. 1. http://www.KICK-ASS_WEBSITES_WITH_CONFLUENCE.com KICK-ASS WEBSITES
  2. 2. CRITERIA DESIGN SPEED FINDABLE (CONTENT)
  3. 3. http://www.KICK-ASS_WEBSITES_WITH_CONFLUENCE.com • Confluence Themes • Static HTML Export • Scroll Viewport OPTIONS
  4. 4. CONFLUENCE THEMES
  5. 5. ROLL YOUR OWN • Confluence Theme Add-on Extension Point • Required Skills:
 Web-Development (HTML, CSS, JavaScript) + 
 Confluence (Velocity, Sitemesh, Decorators) ! • YES you can make it look and feel how you want • BUT unfortunately Confluence updates might break your theme
  6. 6. THEME ADD-ONS • Less troublesome Upgrades • Limited Flexibility
  7. 7. Confluence Themes still LOOK like Confluence
  8. 8. Confluence Themes still ACT like Confluence
  9. 9. SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
  10. 10. SEO, ANYONE?
  11. 11. STATIC HTML EXPORT
  12. 12. CONFLUENCE HTML EXPORT • Fast • Can be customised to some extend • No built-in search • No interaction (comments, shares, likes)
  13. 13. SCROLL HTML EXPORTER • Fast • Can be customised • JavaScript based search index (upcoming)
  14. 14. BUT, WE WANT IT ALL! SIMPLE
 THEMING SPEED SEO
  15. 15. LEARN FROM CMSes: Separate Editing from Viewing
  16. 16. Scroll Viewport
  17. 17. SEO-FRIENDLY VIEWPORT URLs
  18. 18. FAST & SECURE • Single permission check: Check Permission on Content. • No Complex Menus. • Rendering Content in a Scroll Viewport is at least 3x faster.
  19. 19. SIMPLE THEME DEVELOPMENT Simple Templating for Theme Developers: • HTML, CSS & JavaScript should be the limit. • Special Handling for Blog Posts, Search, 
 Error Pages, etc. !
  20. 20. SHOWCASE
  21. 21. DEMO
  22. 22. GET STARTED Documentation: http://www.k15t.com/display/VPRT Google Group: scroll-viewport-dev Free Scroll Viewport Example Themes on TODAY: Get in touch with Stefan or Johannes today
  23. 23. MORE INFORMATION contact@k15t.com @k15tsoftware www.k15t.com Today: Johannes or Stefan

×