We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Parallax Website Design Techniques for future Publii Professional themes

August 2, 2023 at 10:22 am #10408

[anonymous]

Congratulations to GetPublii.com on creating yet another superb high quality theme design with the latest ‘Changelog’ design. Stunning! While personally, I’m not keen on the demo default colours, as with all Publii professional themes, I know they can be changed easily, so no problem.

For one or more future themes ideas, and to ‘complete the range’, would / could the Publii team come up with one or more themes that use parallax website design techniques?

Though I understand that one challenge with parallax websites is to make them accessible, since @Bob and @Tomasz Dziuda are a bit like web superheroes, maybe Publii could get close to ‘almost accessible’? Or near accessible. Maybe that would be good enough for these more engaging theme ideas?

Some examples that I think are stunning include:

– The BBC storytelling techniques used at: https://www.bbc.co.uk/news/extra/nkzysaP3pB/to-the-moon-and-beyond#Going-back-S3mCLqREPd , and others.

– An engaging ‘step-up ‘storytelling’ example from https://tympanus.net/Development/StorytellingMap/ — that includes parallax and a ‘storytelling map sequence’ that users can follow as they scroll up and down the page.

What does anyone else think?

August 2, 2023 at 12:33 pm #10409

[anonymous]

Hi, not sure if we mean the same thing by parallax, but the nice Splitian theme has a parallax slider.

August 2, 2023 at 12:59 pm #10410

[anonymous]

@Gyges

I was thinking a technique something like the BBC has done at: https://www.bbc.co.uk/news/extra/nkzysaP3pB/to-the-moon-and-beyond#Going-back-S3mCLqREPd but in a premium Publii theme and done in such a way that the parallax effect could — if chosen — be used in one or more content pages in addition to say the home page. The idea of course is to create a more engaging storyline / storyboard impact.

Of course, this kind of thing can be done by modifying an existing Publii theme. However, if one — or more — were available ‘out of the box’, how cool would that be? 🙂

August 2, 2023 at 3:24 pm #10411

[anonymous]

@itips3727

That’s indeed a very nice and interesting site. I would like to see a theme using that technique as well (would imho be worth a premium theme).

August 9, 2023 at 3:52 am #10441

[anonymous]

For the map one: here is the Codrops tutorial for anyone interested: https://tympanus.net/codrops/2015/12/16/animated-map-path-for-interactive-storytelling/

August 9, 2023 at 10:16 am #10444

[anonymous]

@candidexmedia

Thanks for the tutorial link. While in fantasy-land, I wondered how cool an interactive storytelling ‘tracer’ like the one you’ve shown would be if it were available as a plugin for Publii. Perhaps ditto even for a ‘parallax’ effect as a plugin. Though back in the real world, both seem impossible as a plugin, surely too much coding and too many variables maybe. However, Publii premium themes seem to be at the forefront of the latest web technologies, so I guess we may be surprised in time.

@Gyges

Agreed. Engaging storytelling is surely a near perfect fit for both blogging and ‘business-based’ websites: parallax can be a great way to keep visitors ‘on the page’ for longer. The drawback of course is some accessibility sacrifice (perhaps). Though if the parallax effect comes built into the theme design (no additional mods needed), this is great when it comes time to update the theme: quicker, easier, simpler. For me personally, it’s got to be worth triple the usual Publii theme price because you can use it in so many different ways for different projects.