WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus •...

32

Transcript of WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus •...

Page 1: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 2: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

http://www.KICK-ASS_WEBSITES_WITH_CONFLUENCE.com

KICK-ASS WEBSITES

Page 3: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

CRITERIA

DESIGN SPEED

FINDABLE(CONTENT)

Page 4: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

http://www.KICK-ASS_WEBSITES_WITH_CONFLUENCE.com

• Confluence Themes • Static HTML Export • Scroll Viewport

OPTIONS

Page 5: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

CONFLUENCE THEMES

Page 6: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

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

Page 7: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

THEME ADD-ONS

• Less troublesome Upgrades

• Limited Flexibility

Page 8: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

Confluence Themes still LOOK like Confluence

Page 9: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

Confluence Themes still ACT like Confluence

Page 10: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

SLOWNESS BY DESIGN

• Permission Checks for Menus

• User-specific Content in Macros

Page 11: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

SEO, ANYONE?

Page 12: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

STATIC HTML EXPORT

Page 13: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

CONFLUENCE HTML EXPORT

• Fast

• Can be customised to some extend

• No built-in search

• No interaction (comments, shares, likes)

Page 14: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 15: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

SCROLL HTML EXPORTER

• Fast

• Can be customised

• JavaScript based search index (upcoming)

Page 16: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 17: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

BUT, WE WANT IT ALL!

SIMPLETHEMING

SPEED

SEO

Page 18: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

LEARN FROM CMSes: Separate Editing from Viewing

Page 19: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

Scroll

Viewport

Page 20: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

SEO-FRIENDLY VIEWPORT URLs

Page 21: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

FAST & SECURE

• Single permission check: Check Permission on Content.

• No Complex Menus.

• Rendering Content in a Scroll Viewport is at least 3x faster.

Page 22: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

SIMPLE THEME DEVELOPMENT

Simple Templating for Theme Developers:

• HTML, CSS & JavaScript should be the limit.

• Special Handling for Blog Posts, Search, Error Pages, etc.

!

Page 23: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

SHOWCASE

Page 24: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 25: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 26: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 27: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

DEMO

Page 28: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

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

Page 29: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 30: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 31: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros
Page 32: WEBSITES WITH CONFLUENCE€¦ · SLOWNESS BY DESIGN • Permission Checks for Menus • User-specific Content in Macros

MORE INFORMATION

[email protected]

@k15tsoftware

www.k15t.com

Today: Johannes or Stefan