/Ttree.Ress

TYPO3 Neos package for Responsive Web Design with Server-Side Component

Primary LanguagePHP

Ttree - Responsive Web Design with Server-Side Component

Description

Responsive Web Design is really really trendy today. But in many case it's not the best solution. Most responsive website serve exactly the same amount of bits to desktop, tablet or mobile user. Many mobile user will leave your website if the loading time is to long.

If you are intersted by this topics, you can read those articles:

  • "You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy" (SmashingMagazine01)
  • "Improve Mobile Support With Server-Side-Enhanced Responsive Design" (SmashingMagazine02)
  • "RESS: Responsive Design + Server Side Components" (Lukew01)

What's include in this package ?

This package include the library MobileDetect and extend the Action Request class with two new methods:

  • ActionRequest::isMobile()
  • ActionRequest::isTablet()

You can use those methods in your own controller, typoscripts implementation classes, ...

But theirs more magic, the root TypoScript setup is extended to allow different rendering pipeline based on the device of the user. You can enable mobile and tablet support in the package settings.

By default Neos render the TypoScript path "/page", if you enable mobile or tablet support, the rendering path are:

  • "/mobile/page" for Mobile device
  • "/tablet/page" for Tablet device

If you use specific layout per page, the rendering path are:

  • "/mobile/page/[layout]" for Mobile device
  • "/tablet/page/[layout]" for Tablet device

By default the root cache entry identifier is configured correctly for mobile and table cache.

Advanced Usage

Change the template of a specific TypoScript object

TODO

Sponsors & Contributors

The development of this package is sponsored by ttree (ttree).